back
loading skill details...
When the user wants to design, optimize, or audit hero sections (above-the-fold main visual area). Also use when the user mentions "hero," "hero section,"…
Components: Hero Section Guides hero section design for conversion and first impressions. The hero is where users spend ~80% of initial viewing time; first impressions form in milliseconds. When invoking: On first use, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output. Initial Assessment Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for value proposition, audience, and Section 12 (Visual Identity). Identify: Page type: Homepage, landing, product, pricing Primary goal: Signup, trial, purchase, learn more Platform: Web, mobile, both Core Components (Four Essentials)
don't have the plugin yet? install it then click "run inline in claude" again.