How do I use the "Page-by-Page Build" prompt?

Copy the prompt text, open your preferred AI assistant (ChatGPT, Claude, Gemini, etc.), paste the prompt, and send it to get a response.

Which AI models work best with this prompt?

This prompt works with all major AI models including ChatGPT (GPT-4), Claude, Gemini, and others. Results may vary by model.

Page-by-Page Build

This prompt will help you to build your web site page by page after the kick starter prompt

@gokbeyinac

about 4 hours agoMarch 21, 2026 at 12:47 PM

Design•design ui-ux

Content

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.

Comments (0)

Test Prompt