How to build micro apps in antigravity

Copy + Paste into Chat/Claude with a short description of what you want to build and tell it to it in:

PROJECT: [One sentence description]

PURPOSE: [What problem it solves and for who]

FEATURES:
- [Specific features list]

TECHNICAL REQUIREMENTS:
- Next.js 14 app router
- Tailwind CSS for styling
- Responsive mobile-first design
- Fast loading (optimize images, minimal JS)

AI SEO REQUIREMENTS (CRITICAL):

1. SEMANTIC HTML STRUCTURE:
- Use proper heading hierarchy (h1 → h2 → h3)
- Semantic tags (header, main, article, section, footer)
- Descriptive alt text for any images
- Accessible form labels and ARIA labels

2. META TAGS & SEO ELEMENTS:
- Title tag: "[Primary Keyword] - [Secondary Benefit]" (50-60 chars)
- Meta description: compelling, includes target keyword, 150-160 chars
- Open Graph tags for social sharing
- Canonical URL tag
- Mobile viewport meta tag

3. SCHEMA MARKUP:
- Implement SoftwareApplication schema
- Include Calculator or Tool schema if applicable
- Add Organization schema
- Use JSON-LD format

4. PERFORMANCE:
- Minimize render-blocking resources
- Lazy load below-fold content
- Optimize for Core Web Vitals
- Fast initial page load (target under 2s)

5. URL STRUCTURE:
- Clean, descriptive URLs
- Include target keyword in URL if possible
- Use hyphens not underscores

6. CONTENT OPTIMIZATION:
- Primary keyword in h1
- Secondary keywords in h2s
- Natural keyword usage in content (not stuffing)
- Descriptive button and link text

BUILD TO PRODUCTION STANDARDS:
- No placeholder text or dummy content
- Real, helpful content
- Complete functionality
- No console errors

IMPORTANT: I want this SEO-ready from day one, not something I optimize later