Behavior before decoration
Each brief defines the user task, state, and feedback before talking about color or style.
Edition 01Built for ChatGPT Sites
Build better AI websites with a sharper brief.
Copy-ready AI website prompts, practical examples, and follow-up commands for building useful websites—without settling for the first generic result.
/
Prompt library
Useful sites, not empty demos
Personal Portfolio
A focused portfolio that turns selected work into a clear professional story.
Personal brandCase studiesContact
SaaS Landing Page
A conversion-focused launch page organized around proof, not feature clutter.
SaaSPricingConversion
Expense Dashboard
A calm monthly spending review with useful comparisons and clear exceptions.
FinanceChartsFilters
Mortgage Calculator
An assumption-first calculator that exposes the full cost of a home loan.
FinanceInteractiveComparison
Product Launch Tracker
A weekly launch cockpit for milestones, owners, risks, and decisions.
OperationsTeamWorkflow
Client Onboarding Hub
One place for deliverables, files, owners, approvals, and unanswered questions.
AgencyUploadsChecklist
Brief builder
Turn a rough idea into a build-ready prompt.
Pick the shape and constraints. The generator assembles a specific brief locally in your browser—no account or API call required.
01 Choose the site shape02 Add behavior and state03 Copy into ChatGPT Sites
Generated brief
Build a polished portfolio for a small, focused audience. Purpose Help visitors understand the main task immediately and complete it without unnecessary steps. Experience - Put the primary action in the first viewport. - Use a editorial and minimal visual direction. - Include a contact form. - Use realistic sample content instead of placeholders. - Make every interaction work on mobile and desktop. - Add accessible labels, keyboard focus states, and useful success or error feedback. Quality bar Avoid generic AI gradients, excessive cards, and marketing filler. Keep the hierarchy clear, the copy specific, and the final result ready to share. Review the finished site at mobile and desktop widths before publishing.
Field notes
What makes these prompts different?
Specific quality constraints
Prompts explicitly reject placeholder copy, generic gradients, dead controls, and desktop-only layouts.
A second-turn plan
Every template includes useful follow-up commands, because the first generation is a draft—not the finish line.