Skills
.Work. You
Rest

hero-generator

Community

Design high-converting hero sections.

Design & Creative#landing page#ui design#conversion optimization#cta#hero section#above the fold
Authorkostja94
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps design, optimize, and audit hero sections (above-the-fold main visual area) to ensure they make a strong, immediate positive impression and drive user action.

Core Features & Use Cases

  • Component Identification: Analyzes and guides the creation of essential hero components: Headline (H1), Subheading, Primary CTA, and Visual.
  • Layout Guidance: Recommends optimal layout types (Split, Centered, Full-width image) based on content and goals.
  • Best Practice Adherence: Ensures adherence to the 3-second rule, clear messaging, and visual appeal.
  • SEO & UX Integration: Provides guidance on SEO considerations (H1, keywords) and UX best practices (hierarchy, accessibility).
  • Use Case: Optimize a SaaS product's landing page hero section for a higher signup conversion rate by ensuring the headline clearly communicates value and the CTA is prominent.

Quick Start

Generate a hero section design for a new SaaS product targeting small businesses.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: hero-generator
Download link: https://github.com/kostja94/marketing-skills/archive/main.zip#hero-generator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.