← ClaudeAtlas

landing-page-designlisted

Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.
aiskillstore/marketplace · ★ 329 · Web & Frontend · score 79
Install: claude install-skill aiskillstore/marketplace
# Landing Page Design ## Overview Build landing pages that convert AND captivate. This skill combines conversion-focused structure with distinctive visual design to create pages that stand out in an AI-saturated world. The goal: pages worth $50-100 that you'd be proud to sell. ## MANDATORY: Vibe Discovery (Do This First) **BEFORE writing any code, you MUST run the Vibe Discovery process.** This isn't a lookup table - it's a creative prompt that generates a UNIQUE aesthetic direction every time. The goal: No two landing pages should look alike, even for similar products. --- ### The Vibe Discovery Process **Ask the user these questions, then SYNTHESIZE a unique direction. Don't just map answers to presets.** #### Step 1: Gather Context (Ask These) **Q1: What's one real-world place or object this brand would be?** > Not "what industry" - an actual specific thing. A Tokyo convenience store at 2am. A grandmother's kitchen. A brutalist parking garage. A coral reef. The cockpit of a 747. A flea market in Marrakech. A 1970s recording studio. **Q2: What's the ONE emotion someone should feel in the first 3 seconds?** > Pick ONE: Calm. Energized. Curious. Trusted. Delighted. Impressed. Rebellious. Nostalgic. Inspired. Amused. Sophisticated. Welcomed. Intrigued. Confident. **Q3: Pick TWO unexpected influences to collide:** > Examples: "medical packaging + skateboard graphics", "spreadsheets + street art", "luxury hotel + punk zine", "NASA mission control + kindergarten", "Jap