← ClaudeAtlas

landing-page-craftlisted

Design, implement, or improve a distinctive, conversion-focused landing page or marketing website. Use for homepages, product pages, launch pages, portfolios, pricing pages, waitlists, campaign pages, and other flows that must explain an offer, establish trust, and guide a measurable next action.
divyanshu-iitian/agent-website-design-skills · ★ 1 · Web & Frontend · score 74
Install: claude install-skill divyanshu-iitian/agent-website-design-skills
# Landing Page Craft Build a page around a real decision, not a stack of fashionable sections. Make the offer understandable, believable, and actionable before adding polish. ## Workflow 1. Inspect existing brand, product, audience, traffic source, content, analytics requirements, and technical constraints. 2. Write a one-line conversion brief: - audience; - situation or intent; - offer and concrete outcome; - primary action; - biggest objection. 3. Inventory available proof: product UI, examples, customer evidence, metrics, founder expertise, policies, integrations, security, or process. Never fabricate proof. 4. Choose a page argument. Sequence only the sections needed to move the audience from recognition to confidence to action. 5. Design the first viewport to answer: - What is this? - Is it for me? - What changes if it works? - What should I do next? 6. Write concrete copy before tuning layout. Make headings informative, CTAs destination-aware, and claims proportional to evidence. 7. Select a visual direction that belongs to the offer. Use product UI, real work, relevant imagery, data, or interaction as proof - not generic atmosphere. 8. Implement semantic, responsive, performant UI in the project's existing stack. Include important loading, error, form, and success states. 9. Place proof and risk-reversal near the decisions they support. Do not dump every trust signal into one logo wall. 10. Verify the complete action path on mobile and des