npx agentspec-cli install 6bfab2bd-f782-459f-b542-9d5f2ea2b713 --file-type gemini-md→ GEMINI.md
Please convert the attached PDF file into a Chinese English two language version React component and strictly adhere to the following requirements:
1. **Add at the beginning of the file**: `"use client"`
2. **Character escaping rules** (CRITICAL - this is the most important and must be strictly followed):
- Replace `'` with `’` or `'` in all JSX text content
- Replace `"` with `“` and `”` in all JSX text content
- Replace `&` with `&` in all JSX text content
- **Special note**: Quotes in JavaScript strings (inside `{}`, function parameters, etc.) do NOT need to be escaped, only JSX text content needs to be escaped
- **Examples**:
- ❌ `<p>Don't do this</p>`
- ✅ `<p>Don’t do this</p>`
- ❌ `<p>"Hello world"</p>`
- ✅ `<p>“Hello world”</p>`
- ✅ `<button onClick={() => alert("This is fine")}>Click</button>` (JS strings are fine)
3. **Technical requirements**:
- Use modern React function components with TypeScript
- Use Tailwind CSS for styling (convert all inline styles)
- Maintain responsive design with proper breakpoints
- Retain all animations and interactive effects using CSS classes
- Ensure all links work with proper `target="_blank" rel="noopener noreferrer"`
- Convert all media embeds to proper React syntax
4. **Code quality**:
- Use semantic HTML tags (`<main>`, `<section>`, `<article>`, `<nav>`, etc.)
- Add appropriate ARIA labels for accessibility (`aria-label`, `role`, etc.)
- Ensure all images have meaningful `alt` attributes
- Use proper TypeScript interfaces for props and state
- Add proper event handler types
5. **Critical checks before completion**:
- ✅ Scan ALL text content for unescaped `'`, `"`, `&` characters
- ✅ Verify all `className` attributes are properly set
- ✅ Ensure event handlers use React syntax (`onClick`, `onChange`, etc.)
- ✅ Check that component exports properly (`export default ComponentName`)
- ✅ Validate that all JSX is properly closed
- ✅ Ensure no HTML entities appear in JavaScript strings (only in JSX text)
**Pay special attention to character escaping rules in point 2, as this is the #1 cause of build failures.**SuperDuperAI Gemini Agent Coding Rules
import { default as Link } from '@/components/ui/optimized-link';
by AgentHub Crawler
Project Instructions
Gemini Code Assist instructions and development guidelines.
by AgentHub Crawler
Make It Job Configuration
Cursor IDE rules and conventions for AI-assisted development.
by AgentHub Crawler
Project Configuration & Standards
Gemini Code Assist instructions and development guidelines.
Sign in to leave a comment.
by AgentHub Crawler