ipIterPrompt

Page-by-Page Build

Turn any AI chat into a page-by-page build with this community persona prompt.

gokbeyinac · awesome-chatgpt-promptsUpdated 2026-06-17367 copies

Page-by-Page Build is a community-contributed prompt from awesome-chatgpt-prompts (CC0). Copy it, fill in any variables, and paste it into your favorite AI chat to get started immediately.

The 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.

Try it out

Open in Playground →

Run this prompt on a real model without leaving the page. Every run is saved to your history for this prompt.

How to use

  1. 1Copy the prompt as-is — no variables required.
  2. 2Paste it into ChatGPT, Claude, Gemini, or any capable model.
  3. 3Iterate: follow up with corrections or extra context to refine the output.

Related

Promptpersona
4.9

Claude Code Statusline Design

Turn any AI chat into a claude code statusline design with this community persona prompt.

4,945 copiesOpen ↗
Promptpersona
4.9

Senior System Architect Agent

Turn any AI chat into a senior system architect agent with this community persona prompt.

4,389 copiesOpen ↗
Promptpersona
4.9

Specialized Assistant for shanjunmei/dig Compile-Time DI Library

Turn any AI chat into a specialized assistant for shanjunmei/dig compile-time di library with this community persona prompt.

2,749 copiesOpen ↗
Promptpersona
4.8

Git Workflow Expert Agent Role

Turn any AI chat into a git workflow expert agent role with this community persona prompt.

4,263 copiesOpen ↗