cta-generator
When the user wants to design, optimize, or audit call-to-action (CTA) buttons. Also use when the user mentions "CTA," "call to action," "button design," "conversion button," "primary action," "CTA copy," "button text," "CTA placement," "conversion CTA," or "action button." For landing pages, use landing-page-generator.
npx skills add kostja94/marketing-skills --skill cta --agent cursor
Same command for any agent — swap --agent for claude-code, codex, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Components: Call-to-Action (CTA) Guides CTA button design for conversion. A well-designed CTA can increase conversion by 25–10%. **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 conversion goals. Identify: 1. **Context**: Hero, form, pricing, product page 2. **User stage**: Awareness, consideration, decision 3. **Primary action**: Sign up, buy, trial, download ## Design Principles ### Visual Clarity - **Look like buttons**: Background, border, corner radius, shadow - **Stand out**: Contrasting color; clear hierarchy - **Size**: ≥48×48px for touch; minimum 48px wide ### Hierarchy - **Primary CTA**: One per section; impossible to miss - **Secondary CTA**: Lower priority; visually distinct - **Avoid**: Multiple competing CTAs causing choice overload ### Color & Shape - **Color**: High contrast; red/orange for urgency - **Shape**: Rounded = friendly; angled = dy
- Initial Assessment
- Design Principles
- Visual Clarity
- Hierarchy
- Color & Shape
- Copy Best Practices
- Placement
- Technical
- Testing
- Output Format
- Related Skills
What does the cta-generator skill do?
When the user wants to design, optimize, or audit call-to-action (CTA) buttons. Also use when the user mentions "CTA," "call to action," "button design," "conversion button," "primary action," "CTA copy," "button text," "CTA placement," "conversion CTA," or "action button." For landing pages, use landing-page-generator.
How do I install it?
Run `npx skills add kostja94/marketing-skills --skill cta --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From kostja94/marketing-skills, a repository with 848 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.