Page-by-Page Build

Prompt

Based on the approved concept, build the [Homepage/About/etc.] page.

Constraints:
- Single-file React component with Tailwind
- Mobile-first, responsive
- Performance budget: no library over 50kb unless justified
- [Specific interaction from Phase 1] must be the hero moment
- Use the frontend-design skill for design quality

Show me the component. I'll review before moving to the next page.,FALSE,TEXT,gokbeyinac

How to use this prompt

1. 1

   Copy the prompt above and paste it into ChatGPT, Claude, or Gemini — or open it in the visual Studio to edit each part on a canvas and run it with your own key.

2. 2

   Replace any bracketed placeholders with your specifics. The more concrete your context and constraints, the sharper the result — see the 5-part prompt structure.

3. 3

   Run it, then refine. Ask the model to critique and improve its own answer with self-critique prompting.

Techniques in this prompt

Recommended models