prompt
Landing Page Wireframe Planner
Plans the section-by-section wireframe of a landing page mapped to the visitor journey.
Plan a landing page wireframe for {{offer}} targeting {{audience}}. List the sections top to bottom (hero, social proof, problem, solution, features, objections, pricing, final CTA), what each must communicate, and the single action you want at each scroll depth. Note where to repeat the primary CTA.
Variables
offerOfferaudienceAudienceExample output
Landing page for a time-tracking app, targeting freelancers. Sections top to bottom: 1) Hero — headline on the core benefit, subhead, primary CTA Start free. 2) Social proof — logos or a number of users, to build trust early. 3) Problem — the pain of manual time tracking. 4) Solution — how the app fixes it in one line plus a product shot. 5) Features — three benefit-led blocks, not a feature dump. 6) Objections — a short FAQ on price, data, and switching. 7) Pricing — simple tiers with the recommended one highlighted. 8) Final CTA — restate the benefit and repeat Start free. Action per depth: hero asks for the trial; mid-page asks to keep scrolling and learn; pricing and footer ask for the trial again. Repeat the primary CTA in the hero, after features, and in the final section.
Details
Author
AI Khazna
License
—
Security
Vetted
Type
prompt
Related assets
More curated picks in Design & Creative.
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
Checks color pairs against WCAG contrast rules and suggests accessible fixes.
Photorealistic architecture renders — exteriors, interiors, urban context.
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.
Audit before you install
Run any source through our checks - AI visibility, security, performance, and stack detection.
Automated Web Security Scan
security
PageSpeed Analyzer
performance
AI Content Quality Test
arabic content
AI Agent / MCP Server Tester
ai testing
Site Stack Detector
migration
AI SEO / AEO / GEO Audit
ai visibility
llms.txt Generator
ai visibility
Readability Score
arabic content
Schema / JSON-LD Builder
ai visibility
AI Cost Calculator
ai testing
Headline Analyzer
arabic content