← All skills

Landing page design

A complete system for high-converting landing pages: intake questions, page structure, layout, conversion copy, SEO and strict visual rules.

Install

npx degit elayadesign/ai-design-skills/skills/landing-page-design .claude/skills/landing-page-design

Run it in your project root, then ask your agent for what you want. More detail

What it built

A page built by the Landing page design design skill
A page this skill built when we ran it. Your result will differ with your brief.

What it does

Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typography, spacing, corner radius, backgrounds, hero layout, icons, and motion. Use this skill whenever building, editing, styling, reviewing, or writing copy for ANY landing page, marketing site, web UI, page section, component, or prototype, even when the user does not mention design, conversion, tokens, or a design system. Always consult it before choosing page sections, headlines, CTAs, fonts, font sizes, spacing values, border radii, background colors, icons, or transitions.

Straight from the skill's own SKILL.md. This is what your agent reads.