Before you start
Prepare this information
Fill in the essential material before handing the task to a coding agent.
- One measurable business goal
- The target audience and primary action
- Brand copy and asset-usage boundaries
- The form destination or deployment environment
Copy-ready template
Complete task template
Replace the placeholders in braces. Implementation boundaries and verification requirements are already included.
Act as a coding agent responsible for both product communication and frontend delivery. Create a publishable landing page for {target audience} from {business goal}. The page must guide visitors toward {primary action}, follow {brand constraints}, and work in {deployment environment}. Inspect the existing site, design tokens, components, copy, and deployment scripts first. When information is missing, proceed with clearly labeled assumptions, but never invent customer quotes, usage statistics, partner logos, or legal claims.
Define an information sequence covering the user problem, value proposition, core capabilities, credible evidence, common questions, and the action point. Every section should support the same primary action; remove repeated calls to action and vague marketing filler. Implement a strong hero, scannable body, working links or form controls, and submitting, success, validation-error, and service-unavailable feedback. Preserve the existing brand language. If assets are not licensed, use neutral placeholders or typography rather than copying third-party logos and images. Support mobile and wide layouts, visible keyboard focus, sufficient contrast, semantic headings, and reduced-motion preferences.
Exercise the real page from the hero through the primary action, checking every link, form state, and breakpoint. Run the repository's formatting, type, test, build, and release-preflight commands, but do not deploy to production without authorization. Report completed sections, copy assumptions, the conversion journey, observed checks, missing assets, and exact release steps. Never describe an unconnected form, an unexecuted command, or an undeployed page as complete.
After it finishes
Do not rely on a claim of completion
Check the real page, runtime behavior, and test evidence item by item.
- The hierarchy supports one primary action
- All links and form states work for real
- Responsive accessibility and reduced motion are checked
- Preflight commands and missing assets are clearly recorded
Inspiration source
This prompt is an original adaptation. The source X post appears below, and you can also open it directly on X.
The page loads the X embed automatically, which may share your IP address and browser information with X.
Loading the X post…