How do I install the Cta Patterns skill?

Run npx skillmds@latest add dragoon0x/cta-patterns in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Cta Patterns safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Cta Patterns?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Cta Patterns free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Cta Patterns?

dragoon0x (@dragoon0x) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Cta Patterns by dragoon0x — Agent Skill

Name: Cta Patterns
Author: dragoon0x

Cta Patterns

Design calls-to-action that people actually click. Covers button copy, placement logic, urgency without manipulation, and progressive commitment. Use when reviewing pages for conversion potential or when CTA copy feels generic.

dragoon0x f1b769c 1.8 KB Updated Sep 17, 2026

File contents

CTA Patterns

Design calls-to-action that people actually click.

How to use

/cta-patterns Apply CTA constraints to this conversation.

Constraints

Copy Rules

MUST start with a verb ("Start", "Get", "Try", "See", "Create")
MUST tell the user what happens next, not what they're committing to
"Start free trial" beats "Sign up". "See pricing" beats "Learn more".
NEVER use "Submit", "Click here", or "Learn more" as primary CTA text
SHOULD include a benefit: "Get started free" not just "Get started"
Secondary CTA should be a text link, not a competing button

Placement

MUST be visible without scrolling on the primary landing surface
MUST repeat after every major content section that builds intent
MUST be the highest-contrast element in its container
NEVER place two primary CTAs with different actions in the same viewport
SHOULD add a low-commitment alternative near high-commitment CTAs

Progressive Commitment

First CTA: lowest friction possible (no credit card, no forms)
In-product: escalate commitment as the user experiences value
NEVER ask for payment before the user has experienced the core value
SHOULD show what the user gets before showing what it costs

Anti-Patterns

Ghost buttons for primary CTAs (low contrast = low clicks)
CTAs that navigate away without explaining the destination
Identical CTA text across different page sections
Pop-up CTAs that interrupt before the user has engaged
Disabling the CTA while "loading" with no feedback

Frequently asked questions