Hero Generator
- 915 installs
- 787 repo stars
- Updated June 9, 2026
- kostja94/marketing-skills
hero-generator is a marketing skill that helps developers generate, optimize, or audit high-converting hero sections for homepages and landing pages.
About
hero-generator is a Claude Code skill from kostja94/marketing-skills focused on homepage and landing page hero sections that drive conversion. The skill guides generation, optimization, and audit of above-the-fold blocks—headlines, subheadlines, primary CTAs, supporting copy, and trust elements—aligned with conversion best practices. Developers reach for hero-generator when launching a new product page, rewriting a weak homepage hero, or auditing an existing section for clarity and click-through performance. The skill fits marketing-site and SaaS landing workflows where the hero is the primary message and conversion entry point.
- Guides four essential hero components: Headline (H1), Subheading, CTA, and Visual hierarchy
- Performs initial assessment by reading .claude/project-context.md or .cursor/project-context.md
- Identifies page type, primary conversion goal, and target platform before output
- Optimizes for first-impression conversion where users spend ~80% of initial viewing time
- Supports homepage, landing, product, and pricing page variants
Hero Generator by the numbers
- 915 all-time installs (skills.sh)
- +9 installs in the week ending Jul 29, 2026 (Skillselion tracking)
- Ranked #454 of 1,888 Design & UI/UX skills by installs in the Skillselion catalog
- Security screen: LOW risk (skills.sh audit)
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/kostja94/marketing-skills --skill hero-generatorAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 915 |
|---|---|
| repo stars | ★ 787 |
| Security audit | 3 / 3 scanners passed |
| Last updated | June 9, 2026 |
| Repository | kostja94/marketing-skills ↗ |
How do you write a high-converting hero section?
Generate, optimize, or audit high-converting hero sections for homepages and landing pages.
Who is it for?
Developers and product marketers building or revising SaaS homepages and landing pages who need structured hero section copy and audits.
Skip if: Teams optimizing blog posts, documentation pages, or backend API documentation without above-the-fold conversion goals.
When should I use this skill?
User wants to generate, optimize, or audit a homepage or landing page hero section for conversion.
What you get
Optimized hero copy blocks with headline, subheadline, CTA, and conversion audit notes
- Hero section copy draft
- Conversion audit report
- CTA and headline recommendations
Files
SEO: Local
Guides local SEO: Google Business Profile, NAP consistency, and citation building. Businesses with accurate NAP across 40+ authoritative sites see ~19% higher visibility in Google Maps. Use this skill when optimizing for local search, setting up GBP, or auditing citations.
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 Sections 4 (Audience), 5 (Website).
Identify: 1. Business type: Storefront vs service-area 2. Location: Single or multiple 3. Current listings: Existing GBP, directories
NAP Consistency
NAP = Name, Address, Phone. Critical for local rankings.
| Rule | Guideline |
|---|---|
| Exact match | "Street" vs "St." or "LLC" inconsistency = Google may treat as different entities |
| Fix first | Audit and fix inconsistencies before adding new citations |
| Tools | BrightLocal, Whitespark, Moz Local for audit |
Google Business Profile
| Element | Guideline |
|---|---|
| Address | Physical address; no P.O. boxes |
| Description | 750 chars; primary keywords in first 100 |
| Hours | Accurate; seasonal availability |
| Category | Primary category matches business type |
| Service-area | Hide address if no storefront; define service areas |
Citation Building
Targeted precision over submitting to every directory.
Priority order: 1. Google Business Profile 2. Apple Maps 3. Yelp, Bing Places, Facebook 4. Better Business Bureau, Foursquare, Nextdoor 5. Niche directories (Healthgrades, Angi, etc.)
Citation Audit
- Incorrect or outdated data
- Duplicate entries
- Missing listings on key directories
Fix before adding; compounding errors harm rankings.
Output Format
- NAP (exact format for consistency)
- GBP optimization checklist
- Citation priority list
- Audit findings (if applicable)
Related Skills
- geo: GEO for AI search; local + AI overlap
- localization-strategy: Multilingual; local + i18n
- directory-submission: Directory listings; different from local citations
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109kHow it compares
Pick this over full-page copywriting skills when the task is specifically the above-the-fold hero block rather than entire site content.
FAQ
What does hero-generator produce?
hero-generator creates or audits homepage and landing page hero sections including headlines, subheadlines, primary CTAs, and supporting trust elements. Output targets above-the-fold conversion for product and SaaS landing pages.
Can hero-generator audit an existing homepage hero?
hero-generator supports optimization and audit workflows, not just generation. Developers can submit existing hero copy to identify weak headlines, unclear CTAs, or missing social proof before rewriting.
Is Hero Generator safe to install?
skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.