SkillAtlasSkill 详情

lead-magnet-design

A complete, opinionated library of Claude Skills covering the full lifecycle of building, launch...

审核状态:已审核Quality 80Security 70

复制安装命令

用 Codex 或 Claude 安装复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它先审查 Skill 页面再帮你安装。

复制前请先查看来源、License 和安全提示。

项目 README

来源文件:README.md

抓取于 2026年8月24日
Complete Claude Skills for the full web lifecycle. Build, ship, audit, optimize.

Brand Build Skills for Claude

A complete, opinionated library of Claude Skills covering the full lifecycle of building, launching, running, and growing a brand and a website.

License: MIT PRs Welcome Skills Made for Claude

Website LinkedIn X Facebook

103 stack-agnostic skills covering brand, design, content, SEO, dev, ops, growth, and research. Includes an Ahrefs MCP-powered SEO audit suite. Use them on Next.js, WordPress, Shopify, Webflow, plain HTML, or anything else.

Featured in awesome-claude-skills under Business & Marketing.


Install in Claude Code

Add the marketplace, then install the plugin you want:

/plugin marketplace add rampstackco/claude-skills

# full catalog (103 skills)
/plugin install rampstack-skills@rampstack

# focused subsets
/plugin install rampstack-starter@rampstack
/plugin install rampstack-seo@rampstack
/plugin install rampstack-pm@rampstack

Prefer a lighter marketplace that lists only the curated subsets (no full catalog)? Add rampstackco/plugins instead and install the same three plugins from there:

/plugin marketplace add rampstackco/plugins
/plugin install rampstack-starter@rampstack

Skills load on demand: each contributes roughly its name and description until Claude needs it.


Table of contents


What are Claude Skills?

Claude Skills are reusable capability packages that teach Claude how to handle a specific kind of task with a consistent framework, vocabulary, and output format. Each skill is a folder containing a SKILL.md (instructions plus YAML metadata) and optional reference files (templates, checklists, worked examples). Claude loads a skill automatically when a user request matches the skill's description.

Skills work across Claude.ai, Claude Code, and the Anthropic API. Once you write a skill, it is portable across all three.

For the official deep dive, see Anthropic's Agent Skills documentation.


What is in this library

This is not a curated list of other people's skills. It is a single, opinionated library where every skill follows the same structure and conventions, so the skills compose cleanly across a real project lifecycle.

What you get:

  • 103 skills across 16 categories, every one with a complete SKILL.md and at least one reference file
  • 490 reference files (templates, checklists, decision matrices, worked examples)
  • Stack-agnostic. Works on any web stack. The only named-tool exception is the SEO audit suite, which assumes the Ahrefs MCP.
  • Future-proof. Principles over tools. Stable concepts over trending techniques. References to durable specs (W3C, WHATWG, Schema.org, MDN, NN/g, WCAG) over content that ages with each algorithm update.
  • Uniform structure. Every skill uses the same section order, the same tone, and the same authoring conventions. Predictable in, predictable out.
  • Composable. Skills reference each other. creative-brief points to brand-voice. incident-response points to monitoring-and-alerting. Each skill's "When NOT to use" tells you which sibling fits your adjacent work.

Highlight categories: brand strategy and identity, design systems, content production with full Tier 1 and Tier 2 coverage, full SEO suite (foundation plus Ahrefs MCP-powered audit suite), product management with experimentation and gap-closing tracks, growth tooling for interactive web tools, paid media discipline, frontend dev and accessibility, performance and QA, launch and incident ops, UX research, plus a meta-skill that teaches you to write your own.


Featured skills

Six entry-point skills, one per audience track. Run any of these standalone, or compose them with the rest of the catalog.

SkillWhat it does
creative-direction (Brand and creative)Four-axis brief (tone, aesthetic, audience, sensory ambition) that gives every downstream skill a coherent direction
experiment-design (PM, experimentation)From hypothesis to decision: sample size, duration, segment analysis, and the failure modes that produce wrong shipping calls
feature-launch-playbook (PM, gap-closing)The discipline of launching a feature well: positioning, internal alignment, customer comms, enablement, rollout, monitoring
pillar-content-architecture (Content)Hub-and-cluster topical authority: pillar selection, cluster planning, internal linking, refresh discipline
landing-page-copy (Marketing)Landing pages, sales pages, hero-to-CTA flow with copy that converts
funnel-flow-architecture (Growth tooling)Cross-tool conversion flows architected to match the audience and the funnel stage

See it in action

The creative-direction skill rendered as a live showcase →

Forty-two fictional brands generated from briefs that all use the same skill. Each is a fully styled brand site, not a mockup. The showcase demonstrates what the four-axis framework produces in practice and lets you filter by axis position to see how each combination renders.

Creative Direction skill highlight diagram. Navy header card reads 'Impactful Creative Direction' with the subtitle 'Direction for art, taste, and style'. Four quadrants below show: Framework Axes 4 (Tone, Aesthetic, Relationship, Sensory), Framework Positions 16 (each axis combines into 16 distinct positions), Example Treatments 42 (Pulse, Bloom, Forge, Observatory, and 38 others), and Possible Compositions infinity (Motion: Static, Light, Medium, High). Caption reads 'No templates, only guided outputs.'

Showcase grid of brand archetypes including Pulse, Volt, Anode, Drift, and others, with type and motion intensity filter pills above the cards.

Filter by any axis position

The skill defines four axes: tone, aesthetic, relationship, sensory. The showcase lets you filter by any combination and see which examples match. Pre-filtered URLs deep-link from the SKILL.md and axes-explained reference, so you can read about a position and click straight through to the rendered examples.

Showcase grid filtered by Tone equals Provocative and Sensory equals Resonant, showing eight matching brand cards with the axis disclosure auto-expanded.

The empty state is the lesson

The framework is generative. The showcase is illustrative. Most rare-but-powerful combinations are valid creative choices that simply have not been built yet. Set Provocative + Editorial Restrained + Coach + Resonant and the grid is empty.

Showcase grid with all four axis filters set to Provocative, Editorial Restrained, Coach, and Resonant, showing zero matching examples and the empty state copy: No example yet. The framework allows this combination, it just hasn't been built as one of the thirty worked examples.

The framework's range

Same skill, same brief format. Four completely different visual systems. Notice that Pulse and Bloom share identical axis positions yet read as opposite visual languages. The reference brands and aesthetic interpretation do the rest.

Pulse music streaming brand. Saturated gradient hero with the headline 'Sound that moves with you' and pink-to-cyan equalizer bars below.Forge boutique fitness studio. Dark industrial hero with intense typography and motivational copy.
Pulse · music streaming
Sound that moves with you.
Playful / Expressive Maximalist / Companion / Resonant
See Pulse demo example →
Forge · boutique fitness
Show up. Get hammered.
Provocative / Expressive Maximalist / Coach / Resonant
See Forge demo example →
Bloom adaptogenic soda brand. Peachy gradient hero with tri-color headline 'Soda that loves you back' and a strawberries-around-soda-can product photo.Observatory Editorial. Cream paper hero with restrained serif headline 'An observability tool for the engineers who already know what they are doing'.
Bloom · adaptogenic soda
Soda that loves you back.
Playful / Expressive Maximalist / Companion / Resonant
See Bloom demo example →
Observatory Editorial · observability tool
An open-source tool that respects engineer time.
Conversational / Editorial Restrained / Peer / Considered
See Observatory demo example →

See all the brands in the showcase →

Run this on your own brand

The creative-direction skill lives at skills/creative-direction/. Install it (see below), give Claude a project name and a few inspiration references, and the skill walks you through producing a brief that downstream skills can consume. The brand sites in the showcase were built from briefs of exactly that shape.


Logo design in action

The logo-design skill is rendered on rampstack.co as two parallel surfaces. The variant explorer goes deep on one brand at a time: a primary mark, variants across architectures, applied contexts. The taxonomy gallery goes wide across the architecture space: ten fictional marks demonstrating eight mark architectures (wordmark, lockup, monogram, letterform-as-symbol, abstract, pictorial, combination, emblem). Same skill, two different lenses.

Logo Design skill highlight diagram. Navy header card reads 'Bespoke Logo Design' with the subtitle 'Bringing brands to life.' Below the header, a simulated construction guide shows a stylised letterform B rendered against gridlines, with a Golden Ratio overlay, Primary Curve and Secondary Shape callouts, a Kerning marker, and a six-swatch color palette. Three columns at the bottom show: Verticals (Tech, Finance, Healthcare, Retail), Brand Voice (Trustworthy, Innovative, Premium, Approachable), and Architectures (Monogram, Wordmark, Emblem, Abstract).

Per-brand depth

The variant explorer →

Each brand has a primary mark plus variants across architectures and applied contexts. The logo-design skill walks through the discipline of choosing one architecture and rendering it consistently across the system the brand will actually use.

Logo design variant explorer showing six fictional brand cards in a three-by-two grid: Whitfield Carter (legal counsel lockup), Wren and Bough (consumer goods lockup), Highline (hospitality wordmark), Sentinel (tech and AI symbol-only), Lacuna (fashion wordmark), and Roost (restaurant lockup). Each card pairs a primary mark with three classification chips for architecture, typographic register, and category, plus a four-variants and five-application-contexts subtext.

The brands are filterable by architecture, typographic register, and category. The intent is reference work, not consumable templates.

Architectural taxonomy

The marks gallery →

Ten fictional marks across eight mark architectures: wordmark, lockup, monogram, letterform-as-symbol, abstract, pictorial, combination, emblem. The taxonomy makes the architectural distinctions concrete by showing all eight side-by-side, with three wordmarks at three typographic registers so the architectural label does less work than the execution.

Marks gallery showing six fictional brand cards in a three-by-two grid: knurl (lowercase serif wordmark with knurled texture), TARSUS (uppercase sans lockup with stacked-bar mark), PLINTH (classical serif inside a double-lined emblem frame), Caval (italic horse silhouette plus italic wordmark combination), Ostend (flowing OS monogram resolving to a single connected glyph), and GLINT (high-contrast Didone wordmark with hairline I crossbar). Each card carries the brand name, descriptor, and three classification chips for mark architecture, vertical, and brand voice.

Filter by architecture, vertical, or brand voice; click any mark card to read its design rationale.


Reference build in action

The full catalog rendered as a 4-phase reference build: blank brief through deployed audited launch site. Threshold is a fictional PLG onboarding analytics product, but the research, brand foundations, build, and audit findings are all real. The reference build is the catalog's single strongest demonstration of how the skills compose end-to-end.

Reference build hero card. Navy header card reads 'Reference Build' with subtitle 'A fictional B2B SaaS launch, end-to-end.' Below, four white phase cards arranged in a 2x2 grid: Phase 01 Strategy and Research with caption 'Real Ahrefs research applied to a fictional brief'; Phase 02 Brand and Design with caption 'Working brand system with live tokens and components'; Phase 03 Build and Ship with caption 'Deployed launch microsite at /demo/threshold'; Phase 04 Audit and Optimize with caption 'Real audit findings with applied fixes.' Footer caption reads 'Threshold is fictional. The methodology is not.'

The four phases

Phase 1: Strategy and research → Real Ahrefs keyword research, competitor analysis, content gap audit, and backlink opportunity mapping applied to a fictional B2B SaaS brief. Live data tables sourced from the Ahrefs API.

Phase 2: Brand and design → Logo system, color and typography tokens, working brand component primitives. The brand system renders live on the walkthrough page in real fonts and tokens, not just described.

Phase 3: Build and ship → The actual launch microsite built with Next.js using Phase 2's brand foundations. Live at rampstack.co/demo/threshold. Persistent demonstration banner; noindex; local-only waitlist form.

Phase 4: Audit and optimize → Real audit on the deployed site using the catalog's audit suite (axe-core, Lighthouse, manual checks). Real findings with severity, real fixes applied, real before/after metrics. The closing chapter where the catalog audits its own output.

The deployed result

The four phases compose into a working microsite at rampstack.co/demo/threshold. Real Next.js code, real brand foundations from Phase 2 referenced via cross-route imports, real working multi-step waitlist form (no data stored), persistent demonstration banner, and the inline data visualizations that came out of the post-audit polish pass.

Full-page screenshot of the deployed Threshold demo at rampstack.co/demo/threshold. Persistent navy demonstration banner at top reads 'Demonstration · Threshold is a fictional product built to illustrate how the catalog composes from blank brief to deployed launch microsite.' Below, the hero section shows a serif headline 'Know how new users actually get to value' next to a stylized product dashboard mockup with KPI tiles, an activation funnel chart, and recent cohorts comparison. Further down the page: a fictional cohort trust strip, a 'The gap' problem section, a wedge section with inline funnel and time-to-first-value charts, a comparison table against Mixpanel/Amplitude/Heap and Pendo/Userpilot, a 'How it works' section with three connected cards, a multi-step waitlist form, and a FAQ section.

Why a fictional product

Real client work cannot be open-sourced; portfolio claims trigger conflict-of-interest concerns in interviews and consulting conversations. A fictional product with a documented brief plus real research, real brand foundations, real working code, and real audit findings produces a teaching artifact that demonstrates methodology without claiming relationships. Threshold is a measurement tool that does not exist; the methodology that built it is the catalog working end-to-end.


Getting started

Skills install in three different places depending on where you use Claude. Pick the platform that matches your workflow.

Option 1: Claude.ai (web and desktop)

If your Claude.ai plan supports custom Skills:

  1. Go to Settings → Capabilities → Skills.
  2. Upload the skill folder you want as a .zip (one zip per skill folder containing SKILL.md and the references/ subfolder).
  3. Enable the skill in the chat interface.

Claude will load the skill automatically when your request matches its description.

For current plan availability and the exact upload UI, see Anthropic's Skills user guide.

Option 2: Claude Code (recommended)

Skills are first-class citizens in Claude Code. Drop them into your skills directory and Claude Code picks them up automatically.

User-level skills (available in every project):

# macOS / Linux
mkdir -p ~/.claude/skills
cp -r skills/* ~/.claude/skills/

# Windows (PowerShell)
New-Item -ItemType Directory -Force -Path "$HOME\.claude\skills"
Copy-Item -Recurse skills\* "$HOME\.claude\skills\"

Project-level skills (available only in a specific project):

mkdir -p .claude/skills
cp -r path/to/this-repo/skills/* .claude/skills/

Start (or restart) Claude Code. Skills load automatically.

For exact current paths and config flags, see the Claude Code documentation.

Option 3: Anthropic API

Use Skills programmatically by referencing them in your API calls. Skills must first be uploaded to your workspace (via the Console or API), then referenced by ID when creating messages.

For the current API surface, request format, and limits, see the Agent Skills API documentation.

Want only a few skills?

You do not have to install all 103. Pick the categories that match your work. The library is modular: each skill stands on its own.


Quick example

Once installed, skills trigger automatically based on your request. You do not have to name the skill or change how you talk to Claude.

You ask:

"Our organic traffic dropped 30% last week. Help me figure out why."

What happens:

Claude recognizes the request matches seo-traffic-diagnosis, loads the skill, and walks through its 5-layer root cause framework: confirm the change is real → localize the change → page-level analysis → technical analysis → external analysis. By the end, you have a hypothesis statement, evidence, and an action plan, structured the same way every time.

Other natural triggers:

  • "Help me write a creative brief" → creative-brief
  • "Audit my homepage for SEO" → seo-onpage
  • "We need a backlink audit" → seo-backlink-audit
  • "Plan our content roadmap for Q3" → seo-content-gap-audit plus content-strategy
  • "Postmortem template for last night's incident" → after-action-report
  • "How do I write my own skill?" → skill-creation-walkthrough

You can also call a skill explicitly: "Use the seo-audit-orchestration skill to run a full audit on example.com."


How they compose

The skills compose into a full project flow:

brand-discovery → brand-ideation → brand-identity → brand-style-guide → brand-voice
                                                                        ↓
creative-brief → information-architecture → content-strategy → design-system
                                                              ↓
seo-keyword → seo-content-audit → content-and-copy → landing-page-copy
                                                    ↓
seo-onpage → seo-technical → seo-aeo-geo → seo-offpage → seo-competitor
                                          ↓
frontend-component-build → accessibility-audit → performance-optimization
                                                ↓
code-review-web → qa-testing → security-baseline → launch-runbook
                                                  ↓
domain-strategy → monitoring-and-alerting → backup-and-disaster-recovery
                                          ↓
incident-response → after-action-report
                  ↓
analytics-strategy → cro-optimization → ux-research → usability-testing → journey-mapping

The SEO audit suite (Ahrefs MCP-powered) wraps around the SEO foundation skills:

seo-audit-orchestration
  ├── seo-site-health-audit
  ├── seo-backlink-audit
  ├── seo-keyword-gap-audit
  ├── seo-content-gap-audit
  ├── seo-traffic-diagnosis  (also runs standalone for incident-style work)
  └── seo-rank-tracking      (ongoing, feeds the others)

The catalog also includes four audience tracks that compose alongside the foundational lifecycle. Each track has its own internal flow:

Paid media (Marketing track):

paid-media-strategy → ads-creative-development → ads-performance-analytics

Pairs with the paid media platforms in the integrations catalog at rampstack.co (Google Ads, Meta, LinkedIn, TikTok, plus Synter as the multi-platform aggregator).

Growth tooling (interactive web tools):

funnel-flow-architecture (orchestrator)
  ├── lead-magnet-design          (capture)
  ├── calculator-design           (capture / activate)
  ├── quiz-and-assessment-design  (capture / activate)
  ├── multi-step-form-design      (activate)
  ├── chatbot-flow-design         (activate)
  ├── onboarding-wizard-design    (activate)
  ├── interactive-product-tour    (activate / convert)
  ├── upgrade-flow-design         (convert)
  ├── scheduler-and-booking-design (convert)
  ├── comparison-tool-design      (convert)
  └── product-configurator-design (convert)

funnel-flow-architecture is the orchestrator: it sequences which interactive tool fits each audience and funnel stage, distinguishing matched-funnels from kitchen-sink-funnels.

Tier 2 content lifecycle:

content-strategy → pillar-content-architecture → content-brief-authoring
                                                ↓
              content-and-copy / long-form-content-frameworks / email-sequences
                                                ↓
                       editorial-qa → content-distribution → programmatic-seo
                                                ↓
              content-refresh-system → content-repurposing → content-migration

ai-content-collaboration is a workflow layer that runs across every phase rather than a single step. documentation-strategy operates continuously alongside the rest.

Tier 2 product management (two parallel tracks):

Experimentation track:
experiment-design → feature-flagging → experimentation-platform-orchestrator
                                     ↓
                         experimentation-analytics → data-warehouse-experimentation

Gap-closing track:
pm-spec-writing → roadmap-planning → feature-launch-playbook
                                   ↓
       beta-program-management → product-analytics-setup → integration-orchestrator

The experimentation track ships changes with statistical discipline; the gap-closing track ships features with operational discipline. Both compose with the foundational lifecycle above.

Operations, cross-cutting, and team skills (stakeholder-communication, documentation-strategy, vendor-evaluation, team-onboarding-playbook, dependency-management, cost-optimization, etc.) cut across every track.

You can also pull individual skills for one-off work. Need just a backlink audit? Use seo-backlink-audit. Need to write a creative brief? Use creative-brief. Each skill stands on its own.


How the catalog connects

The skills compose with the tools your team already uses. 103 skills at the center; 35 integrations across 6 integration categories radiating out via MCPs.

RampStack architecture diagram. A central navy hub card shows the RampStack mark with the subtitle 'Stack-agnostic methodology'. Six category cards radiate out: Workflow with 6 integrations (Jira, Linear, Notion, Figma, GitHub), Experimentation with 11 integrations (Statsig, PostHog, Optimizely, Amplitude), SEO Intelligence with 3 integrations (Ahrefs, Semrush, Similarweb), Paid Media with 5 integrations (Google Ads, Meta Ads, LinkedIn, TikTok, Synter), Content and SEO with 5 integrations (Webflow, Contentful, Frase, Profound, AirOps), and Data and Analytics with 5 integrations (BigQuery, Snowflake, Mixpanel, dbt, Hex).


Surfaces

This catalog is the open-source methodology layer. Commercial surfaces at rampstack.co extend it:

  • Skills directory. Every skill on a curated landing surface with audience tracks, search, and category navigation.
  • Walkthroughs. Multi-skill recipes that orchestrate skill clusters end-to-end. Use these when one skill is not enough and a packaged sequence is.
  • Integrations directory. Curated MCPs, APIs, and tooling that the skills hook into.
  • Showcase. Real brand sites built from these skills, with the brief that produced each one.

The skills in this repository remain free, open-source, and stack-agnostic. The surfaces above are how the same methodology is delivered as a product.


Design principles

claude-skills follows the Agent Skills Specification, the open standard for portable AI agent skills originally developed by Anthropic and adopted across the AI tooling ecosystem (Claude Code, OpenAI Codex, Gemini CLI, GitHub Copilot, Cursor, VS Code, Goose, Spring AI, and 30+ other platforms as of early 2026).

Beyond the format itself, the catalog is designed around three principles aligned with the guidance Anthropic publishes in Building effective agents:

Simplicity. Each skill covers one focused capability rather than trying to be a multi-purpose document. A roadmap-planning skill plans roadmaps. A keyword-research skill researches keywords. Composing them together produces complex workflows; mixing them inside one skill produces unreliable ones.

Transparency. Every skill declares its scope, dependencies, and expected behavior in machine-readable YAML frontmatter. The catalog is inspectable by tooling, not just by humans reading prose.

Quality contracts via tooling. Structural and content quality is enforced through automated checks (run python .github/scripts/lint_skills.py) rather than convention alone. Every skill is validated against a schema. Every catalog change is validated in CI.

Skills in this catalog are designed to compose into the common agentic workflow patterns Anthropic documents: prompt chaining (sequential steps), routing (classify and direct), parallelization (sectioning or voting), orchestrator-workers (dynamic delegation), and evaluator-optimizer (iterative refinement).

Because the catalog conforms to the open Agent Skills standard, skills work across any platform supporting the specification without modification.

Family repos

claude-skills is the parent catalog. Curated subsets and companion repos focus on specific specialties:

RepoFocusSkills
claude-skillsFull catalog (you are here)103
claude-skills-starterGeneral-purpose lite14
claude-skills-seoSEO consulting12
claude-skills-pmProduct management12
claude-skills-widgetsUI patterns + components65 + 32
awesome-claude-skillsCurated discovery listn/a

Each family repo is MIT-licensed, conforms to the Agent Skills Specification, and is stack-agnostic. Use the full catalog for breadth; use a specialty subset when working in one domain.

How this org fits together

The table above covers the skill catalogs. They are one part of a larger set, and the rest of it is below. All of it is public.

Skills. This repo is the canonical home for all skill content. Alongside it sits the workflows tier: fifteen multi-skill runbooks with their connectors, a getting-started guide, and published run records for the ones that have been executed as written.

Subsets. The five curated repos in the table above copy from this catalog with attribution and track it upstream.

Design direction themes. Thirteen sibling repos, each shipping annotated design tokens with their measured contrast ratios, a component layer, two Tailwind adapters, and a demo that opens from a file with nothing installed. They come in three artifact classes: seven surface registers, one layout archetype, and five shells, which ship a structure a site lives inside (a window manager or a board, a taskbar or a dock, an enhancement contract and a focus model) with the register they wear left swappable. VivaOcean, the animated-scene shell, is the showcase flagship. What the shell class settled, and why, is public in its class decision log, which every new shell reads first and continues. All thirteen are linked from the gallery at rampstack.co/themes.

Creative direction. The themes are not thirteen moods. Each one states its coordinates in the creative direction framework, which sets brand direction on four axes, and the showcase renders archetypes at each position on it.

Engines. Krine, Tholo, and Basano run on one runtime: Krine decides, Tholo builds, Basano proves. The engines page covers what the three share.

Research. The SERP event registry is a dated, sourced, confidence-tagged record of AI model releases, search feature changes, and confirmed algorithm updates, rendered on the site from the repository that holds it.

What shipped, and when, is recorded at rampstack.co/updates.


The 103-skill catalog

All 103 skills are shipped. Each has a complete SKILL.md plus at least one reference file (template, checklist, or playbook).

Strategy and discovery (5)

SkillWhat it does
brand-discoveryAudience research, competitive scan, positioning territory exploration
creative-briefProject briefs that align stakeholders before work starts
creative-directionFour-axis aesthetic brief (tone, aesthetic, audience, sensory ambition) for cross-skill coherence
information-architectureSitemap, navigation, URL structure, content types, taxonomy
content-strategyEditorial strategy, content calendar, topical authority planning

Brand (7)

SkillWhat it does
brand-ideationNaming, positioning territories, mood directions, narrative angles
brand-identityLogo system, color, typography, imagery, iconography, motion
brand-style-guideThe canonical reference document for the full brand system
brand-voiceVoice attributes, tone shifts, vocabulary, paired-example library
brand-archetype-system12 archetype defaults across 18 verticals: color, type, voice, imagery starters
logo-designLogo variants across architectures (wordmark, lockup, monogram, letterform-as-symbol), with rationale and application specs
creative-brief-selectorLive-reference-grounded creative briefs with divergence check against prior builds

Design (4)

SkillWhat it does
design-systemComponent library, design tokens, design system documentation
design-standardsProduction-grade page and component design standards
art-directionPhotography, illustration, and visual direction for campaigns
vertical-site-conventionsVertical page and site composition built to the experience bar

Content (13)

SkillWhat it does
pillar-content-architectureHub-level content architecture: pillar topic selection, cluster planning, internal linking, URL structure, pillar and cluster page anatomy, topical authority signals, refresh discipline
content-brief-authoringPer-piece editorial brief: target keyword, intent, audience, outline, entity coverage, internal linking, success criteria, and the discipline that distinguishes useful briefs from bloat
content-and-copyWebsite copy, blog content, content production frameworks
landing-page-copyLanding pages, sales pages, hero-to-CTA flow
email-sequencesOnboarding flows, lifecycle campaigns, transactional copy
programmatic-seoDesigning pSEO programs that work: data sources, template design, quality control at scale, internal linking, crawl budget, AEO/GEO patterns, refresh discipline, and when pSEO is and is not the right answer
editorial-qaPre-publish QA framework: brief adherence, voice consistency, fact accuracy, AI-content audit, AEO/SEO compliance, sampling at scale, and the workflow that distinguishes catch-problems QA from process theater
ai-content-collaborationHow humans and AI compose in content workflows: participation boundaries, hybrid patterns, voice ownership, the AI slop problem, disclosure and transparency, team calibration, and the ethics of honest AI-assisted production
long-form-content-frameworksStructural patterns for individual long-form pieces (case studies, whitepapers, research reports, definitive guides, manifestos, ebooks, long-form tutorials) that distinguish publication-quality work from bloggy-long padding or academic bloat
content-refresh-systemSystematic content refresh: quarterly audits, refresh prioritization, refresh-vs-merge-vs-delete decisions, the lifecycle discipline that distinguishes intentional programs from set-and-forget decay
content-repurposingCross-format content adaptation: one piece becomes many (blog series, email, social, webinar, podcast, video) with per-format adaptation rather than mass-blast that ignores medium constraints
content-distributionContent distribution discipline: owned, earned, and paid channels matched to audience and content type. Channel-fit decisions, distribution cadence, the strategic alternative to spam-everywhere or hope-and-pray
evidence-based-reviewsEvidence tiers, methodology disclosure, honest review claims

SEO foundation (7)

Tool-agnostic SEO skills. These define the conceptual frameworks. The SEO audit suite below adds the Ahrefs MCP-powered execution layer.

SkillWhat it does
seo-onpageSingle-page audits and optimization across 8 dimensions
seo-technicalCrawlability, indexability, rendering, schema, page experience
seo-keywordDiscovery, intent classification, clustering, prioritization
seo-competitorSERP overlap, content gaps, backlink gaps, technical comparison
seo-offpageLink building, digital PR, citations, linkable assets
seo-content-auditKeep/update/merge/redirect/delete decisions across a site
seo-aeo-geoAI search optimization, llms.txt, extraction-friendly content

SEO audit suite (Ahrefs MCP-powered) (7)

End-to-end SEO audit workflows that pull data from the Ahrefs MCP and produce concrete deliverables. These skills assume the Ahrefs MCP is connected.

SkillWhat it does
seo-audit-orchestrationMaster orchestrator: sequences the suite, produces a rollup report
seo-backlink-auditProfile health, anchor mix, toxic links, reclamation, gap analysis
seo-keyword-gap-auditCompetitor keyword gaps with opportunity scoring and clustering
seo-content-gap-auditMissing topics, thin coverage, outdated content, decay diagnosis
seo-traffic-diagnosisDiagnose drops, stalls, or wins via 5-layer root cause analysis
seo-site-health-auditTriage Ahrefs Site Audit findings by SEO impact, not severity
seo-rank-trackingSetup, baseline, segmentation, alerting, dashboarding

Product (13)

SkillWhat it does
pm-spec-writingPRDs, user stories, acceptance criteria, dev briefs
roadmap-planningQuarterly planning, prioritization, dependency mapping
integration-orchestratorSequence creative-direction work across phases, gates, handoffs, and QA verification
experiment-designHypothesis to decision: sample size, duration, segment analysis, interpretation, and the failure modes that produce wrong shipping calls
feature-flaggingFlags as production infrastructure: types, naming, lifecycle, targeting, rollout, stale flag cleanup, governance
experimentation-analyticsRead result panels without fooling yourself: confidence intervals, p-values, multiple testing, sequential testing, CUPED, ratio metrics, network effects, dashboard reconciliation
experimentation-platform-orchestratorPick the right experimentation platform, migrate when wrong, coordinate when multi-platform: a decision framework for Statsig, PostHog, GrowthBook, Optimizely, Amplitude, Eppo, Kameleoon
product-analytics-setupInstrument product analytics correctly: event taxonomy, properties, naming conventions, schema versioning, funnels, retention cohorts, North Star selection, and the instrumentation debt that compounds without discipline
data-warehouse-experimentationRun experiments out of the warehouse: SQL assignment, exposure logs, dbt metric definitions, statistical analysis, variance reduction with CUPED, sequential testing, and the operational tradeoffs vs platforms
feature-launch-playbookThe operational discipline of launching a feature well: positioning, internal alignment, customer comms, sales enablement, support readiness, rollout strategy, monitoring, and post-launch measurement
jtbd-framingJobs-to-be-Done framework. Job statements, struggling moments, hire/fire criteria, the difference between feature-thinking and job-thinking. Honest about where JTBD earns its keep and where it becomes performative
okr-designOKR design discipline. Outcome statements, key results, scoring, mid-quarter recalibration. Distinguishes sandbagged OKRs (always hit, useless) from aspirational fantasy (impossible, demoralizing) from stretch OKRs (genuine ambition with quarterly accountability)
beta-program-managementRunning betas that produce real signal. Participant selection, structured feedback, beta-to-GA decisions. Distinguishes soft-launch (no structure) from kitchen-sink (everyone in) from structured-beta (calibrated cohort with intentional feedback loops)

Development (4)

SkillWhat it does
code-review-webPR review, build error diagnosis, security and quality checks
frontend-component-buildComponent architecture, props design, accessibility from the start
accessibility-auditWCAG compliance audit with remediation plan
performance-optimizationCore Web Vitals, asset optimization, render performance

Quality assurance (1)

SkillWhat it does
qa-testingPre-launch QA, regression testing, cross-browser checks

Operations (9)

SkillWhat it does
launch-runbookGo-live runbook, DNS cutover, deploy day procedures
incident-responseIncident triage, comms, mitigation, escalation
after-action-reportPost-mortems, retros, learnings documentation
domain-strategyDNS architecture, redirects, registrars, multi-domain portfolios
monitoring-and-alertingSLO design, uptime checks, alert routing, on-call rotations
backup-and-disaster-recoveryRPO/RTO targets, backup strategy, restoration drills
security-baselineHTTPS, security headers, CSP, secrets management, vulnerability scans
email-deliverabilityDMARC, SPF, DKIM, sender reputation, deliverability monitoring
media-asset-managementImage pipelines, video hosting, asset libraries, format selection

Growth (2)

SkillWhat it does
analytics-strategyMeasurement frameworks, dashboard design, event taxonomy
cro-optimizationHypothesis-driven testing, conversion optimization

Growth tooling (12)

Interactive web tools that turn visitors into leads. Lead magnets, calculators, quizzes, multi-step forms, chatbots, and the cross-tool funnel architecture that orchestrates them.

SkillWhat it does
lead-magnet-designDesigning gated content that earns the email. Distinguishes thin-bait (overpromises, underdelivers) from kitchen-sink-resource (everything, helps with nothing) from earned-value-magnet (delivers standalone value while qualifying the lead)
calculator-designDesigning interactive calculators that deliver decision-support value while qualifying leads. Distinguishes vanity-calculator (no real value) from lead-trap (hides answer behind email) from transparent-decision-tool (gives genuine value, captures leads honestly)
quiz-and-assessment-designDesigning quizzes and assessments that produce actionable segmentation. Distinguishes clickbait-quiz (engagement only) from vanity-result (entertaining, not useful) from actionable-segmentation (genuine categorization that drives next-step recommendations)
multi-step-form-designDesigning multi-step forms that respect cognitive load while maintaining completion intent. Distinguishes kitchen-sink-single-page (overwhelms) from progress-theater (steps without genuine staging) from genuinely-staged (each step earns its own page)
chatbot-flow-designDesigning conversational flows for chatbots and AI agents on websites. Distinguishes scripted-bot (rigid trees, fail edge cases) from hallucinating-bot (LLM without structure, makes things up) from structured-guided-conversation (LLM-powered with intent architecture and fallback discipline)
funnel-flow-architectureArchitecting cross-tool conversion flows that match audience and stage. Distinguishes silo-funnels (every tool standalone) from kitchen-sink-funnels (every audience squeezed through one path) from matched-funnels (architecture matched to audience-and-stage)
onboarding-wizard-designDesigning first-run product onboarding wizards. Distinguishes tutorial-overload (dump everything upfront) from skip-friendly-empty (skipped onboarding leads to abandoned product) from earned-progressive-disclosure (right things at the right moments)
interactive-product-tourDesigning in-product tours and contextual help. Distinguishes tooltip-spam (every button has a tour stop) from one-and-done (tour shows once, never seen again) from contextual-when-needed (surfaces help at the moment friction occurs)
upgrade-flow-designDesigning free-to-paid conversion flows. Distinguishes paywall-everywhere (gates everything aggressively) from free-forever-trap (no upgrade path surfaces) from value-triggered-upgrade (paywall surfaces at moments of demonstrated value)
scheduler-and-booking-designDesigning schedulers and booking flows. Distinguishes any-time-friction (no qualification, just a booking link) from interrogation-gate (so much qualification it scares users off) from qualified-fast-path (just enough qualification to set up the call well)
comparison-tool-designDesigning comparison tools that help users decide. Distinguishes feature-list-dump (every feature in a row, no decision support) from hidden-recommendation (biased comparison pretending to be neutral) from honest-comparison-with-guidance (genuine comparison plus opinionated recommendation)
product-configurator-designDesigning interactive product configurators. Distinguishes infinite-options (decision paralysis from too many options) from canned-bundles-only (no real customization) from guided-configuration (smart defaults plus meaningful constraints plus escape hatches)

Marketing (3)

Paid media discipline: strategy, creative, and performance analytics. Pairs with the paid media platforms in the /integrations catalog at rampstack.co.

SkillWhat it does
paid-media-strategyHypothesis to spend: channel selection, budget allocation, audience targeting, bid strategy, attribution reality, and the failure modes that burn agency-scale budgets
ads-creative-developmentHook patterns, format selection, video pacing, variation systems, testing methodology, fatigue detection, and the platform-specific creative norms that separate ads from clutter
ads-performance-analyticsRead paid media dashboards without fooling yourself: attribution models, platform reporting quirks, ROAS vs LTV, multi-platform reconciliation, incrementality testing, and the interpretation failures that compound into wasted budget

Research (6)

SkillWhat it does
ux-researchResearch planning, user interviews, qualitative synthesis
usability-testingTest design, moderation, findings reports
journey-mappingCustomer journey maps, service blueprints, friction analysis
discovery-research-synthesisSynthesizing customer interviews, research notes, and support tickets into actionable PM decisions. Distinguishes data-dump (no synthesis) from insight-theater (overpolished narrative) from actionable synthesis (decision-grade clarity)
user-feedback-aggregationCollecting and synthesizing user feedback across channels into continuous decision signal. Triage discipline that distinguishes loudest-voice (whoever complains most) from averaged-noise (every signal weighted equally) from triaged-synthesis (weighted by source quality and decision relevance)
competitor-experience-auditCross-site experience patterns and gaps across a vertical

Cross-cutting workflows (5)

SkillWhat it does
form-strategyForm design, validation patterns, spam prevention, conversion tuning
content-migrationPlatform migrations with SEO equity preservation
internationalizationLocale strategy, hreflang, translation workflow, RTL design
dependency-managementPackage updates, security patches, lockfile hygiene
cost-optimizationInfrastructure spend audits, rightsizing, contract negotiation

Process and team (5)

SkillWhat it does
stakeholder-communicationStatus updates, exec readouts, project communications
documentation-strategyDocumentation systems, what to document, maintenance cadence
vendor-evaluationTool and vendor selection using a structured rubric
team-onboarding-playbook30-60-90 onboarding plans for new hires and contractors
skill-creation-walkthroughThe meta-skill: how to write your own custom skills

Recommended MCPs

Skills compose best when Claude has live access to your data and tools. Model Context Protocol (MCP) servers provide that bridge. The skills in this library work without any MCPs, but pair them with the right ones and they go from "frameworks Claude follows" to "workflows Claude executes against your real systems."

Below is the MCP shortlist by skill area. None of these are required (except the Ahrefs MCP for the SEO audit suite). All are categorical recommendations: where multiple options exist for the same job, pick the one that fits your stack.

SEO, competitive intelligence, and search data

The SEO audit suite (skills 23-29) is built around Ahrefs as its primary backend; foundation SEO skills (16-22) work with any equivalent. Competitive intelligence MCPs (Ahrefs, Semrush, Similarweb) cover overlapping but distinct data shapes: backlinks and keywords, traffic estimation, audience behavior. Use them in combination for the strongest signal.

A note on MCP costs: many of these MCPs are wrappers around APIs you are already paying for through a subscription, where MCP calls do not add marginal cost. Others (Ahrefs, Semrush, Similarweb, DataForSEO) use paid API credits per call, and long agentic sessions against these platforms can burn meaningful credit volume quickly. The cost model is documented on each integration's landing page at rampstack.co/integrations. Free with rate limits is called out where it applies (Google Search Console, PageSpeed Insights). When in doubt, check the platform's API pricing before running multi-hour agent workflows.

Backlink and keyword data

  • Ahrefs MCP - primary backend for the audit suite; backlink profiles, keyword data, content explorer, site audit. Referenced explicitly by seo-audit-orchestration and the 6 audit suite skills (backlink, keyword gap, content gap, traffic, site health, rank tracking). Credits-per-call.
  • Semrush MCP - alternative or complement to Ahrefs with stronger US keyword data and SEO-PR features (Topic Research, brand monitoring) Ahrefs does not cover. Pairs with seo-keyword, seo-competitor, seo-content-gap-audit. Verify the official MCP endpoint at authoring time; Semrush has shipped first-party MCP tooling. Credits-per-call.
  • DataForSEO MCP - programmatic SEO data (SERP, keywords, backlinks) at developer-friendly pricing; useful as a third source for cross-validation when methodology decisions hinge on data agreement. Credits-per-call (free tier available).

Traffic estimation and competitive intelligence

  • Similarweb MCP - competitive traffic estimation, audience demographics, channel mix (organic, paid, direct, referral, social, email), industry benchmarks, audience overlap analysis. Pairs with seo-competitor, seo-traffic-diagnosis (external-factor layer), brand-discovery (competitive scan), analytics-strategy (industry benchmarks). Where Ahrefs answers "how do they rank" and Semrush answers "what keywords drive what," Similarweb answers "how much traffic, from where, from whom." Credits-per-call.

Search Console and Core Web Vitals

  • Google Search Console MCP - free, official Google data; essential for seo-traffic-diagnosis and any audit that needs ground-truth click and impression data. Free with rate limits.
  • PageSpeed Insights MCP - free, paired with performance-optimization and seo-site-health-audit for Core Web Vitals field data. Free with rate limits.

Development and code

  • GitHub MCP - paired with code-review-web, pm-spec-writing, roadmap-planning, incident-response. Lets Claude read PRs, file issues, search code, and reference real commits.
  • Filesystem MCP - local file and code operations; pairs with most dev and content skills
  • Sentry MCP - paired with monitoring-and-alerting and incident-response. Real error data turns generic incident frameworks into specific diagnoses.

Hosting and infrastructure

  • Cloudflare MCP - paired with domain-strategy, security-baseline, performance-optimization. DNS records, redirects, page rules, security headers.
  • Vercel MCP - paired with launch-runbook and incident-response. Deployments, env vars, build logs.
  • Supabase MCP - paired with code-review-web, pm-spec-writing, backup-and-disaster-recovery. Schema, queries, edge functions.

Analytics and monitoring

  • PostHog MCP - paired with analytics-strategy, cro-optimization, journey-mapping. Event taxonomy review and funnel analysis grounded in real data.
  • Datadog MCP - paired with monitoring-and-alerting, incident-response. SLO design and alert routing against actual metrics.

Communication and project management

  • Slack MCP - paired with incident-response, stakeholder-communication, after-action-report. Read channel context, draft updates, post incident comms.
  • Linear MCP (or Jira MCP) - paired with pm-spec-writing, roadmap-planning. Spec writing against the actual issue tracker, not a generic template.

Research and search

  • Web search (built into Claude in most environments) - paired with brand-discovery, seo-keyword, seo-competitor, ux-research
  • Tavily MCP or Brave Search MCP - alternatives for deeper research workflows

Where to find them

  • modelcontextprotocol.io/servers - the canonical directory of MCP servers
  • The Connectors directory inside Claude.ai (Settings → Connectors)
  • claude mcp add in Claude Code for direct installation
  • Vendor websites for first-party servers (most major SaaS tools now ship official MCPs)

Building your own MCP

If a skill in this library would benefit from a tool integration that does not yet exist, the MCP documentation walks through building one. The seo-audit-orchestration skill is a worked example of how to design a skill suite around a specific MCP's capabilities.


Authoring conventions

Every skill follows the same structure. See SKILL_AUTHORING.md for the full spec.

Highlights:

  • Stack-agnostic. No specific framework versions in SKILL.md. Stack-specific patterns go in reference files. The Ahrefs-powered audit suite is the single named-tool exception.
  • Future-proof. Reference durable specs (W3C, WHATWG, Schema.org, MDN, NN/g, WCAG). Avoid trend pieces.
  • Uniform structure. Every SKILL.md has the same section order: When to use, When NOT to use, Required inputs, The framework, Workflow, Failure patterns, Output format, Reference files.
  • Tight length. SKILL.md under 250 lines. References under 400.
  • Punchy voice. Short sentences. Concrete examples beat abstract advice.

Repository structure

skills/
  skill-name/
    SKILL.md
    references/
      template.md
      checklist.md
      example.md
SKILL_AUTHORING.md          (the authoring guide)
CONTRIBUTING.md             (how to contribute)
MAPPING.md                  (origin notes for skills ported from existing work)
README.md                   (this file)
LICENSE                     (MIT)

Trust and security

Skills are instructions and code that run with your agent's permissions, so how a catalog is maintained matters. Changes reach main only through pull requests with signed commits and linear history. Each skill is hashed into a checksum manifest (SKILLS.lock) you can verify against, and reviewed against a documented safety checklist before it merges.

This process catches known classes of unsafe content and lets you confirm a skill matches the reviewed version. It is not a promise that any skill is risk-free. See SECURITY.md for the full process and how to report an issue.


Contributing

Contributions are welcome. Whether you want to fix a typo, add a reference file, or propose an entirely new skill, the bar is the same: follow the uniform structure, keep the voice consistent, and prove the skill earns its place.

See CONTRIBUTING.md for the full process.

The fastest path: use the skill-creation-walkthrough skill itself. It teaches the same authoring discipline used across all 103 skills, with worked examples and a blank template.


Acknowledgments

Thanks to @IgnacioChiaravalle for the community feedback that shaped PR #36: a CONTRIBUTING.md typo fix, a cross-linking pass between SKILL.md files and their reference files, and the new ARIA patterns reference for the accessibility-audit skill.


Resources

Official Anthropic documentation

Other skill libraries worth knowing

Companion concepts


License

MIT. Use it. Fork it. Ship things with it.

内容与创作

高风险

  • 来源需自行核对维护者身份。
  • 未检测到明显脚本安装指令。
  • 未检测到明显外部权限要求。
  • 存在潜在风险命令,请谨慎安装。
  • 扫描发现:1 条。

Codex — Git Clone 安装

  1. 安装前请先查看来源仓库和风险报告。
  2. 克隆仓库:git clone https://github.com/rampstackco/claude-skills.git
  3. 将 "skills/lead-magnet-design" 文件夹复制到 Codex 的 skills 目录中。
  4. 重启 Codex 让新的 skill 生效。

Codex — 手动复制安装

  1. 安装前请先查看来源仓库和风险报告。
  2. 从源仓库下载 SKILL.md 及相关文件。
  3. 在 Codex 的 skills 目录中创建新文件夹。
  4. 将所有 skill 文件复制到新文件夹中。
  5. 重启 Codex 让新的 skill 生效。

Claude Code — Git Clone 安装

  1. 安装前请先查看来源仓库和风险报告。
  2. 克隆仓库:git clone https://github.com/rampstackco/claude-skills.git
  3. 将 "skills/lead-magnet-design" 文件夹复制到 Claude Code 的 skills 目录中。
  4. 重启 Claude Code 让新的 skill 生效。

Claude Code — 手动复制安装

  1. 安装前请先查看来源仓库和风险报告。
  2. 从源仓库下载 SKILL.md 及相关文件。
  3. 在 Claude Code 的 skills 目录中创建新文件夹。
  4. 将所有 skill 文件复制到新文件夹中。
  5. 重启 Claude Code 让新的 skill 生效。

Cursor — Git Clone 安装

  1. 安装前请先查看来源仓库和风险报告。
  2. 克隆仓库:git clone https://github.com/rampstackco/claude-skills.git
  3. 将 "skills/lead-magnet-design" 文件夹复制到 Cursor 的 skills 目录中。
  4. 重启 Cursor 让新的 skill 生效。

Cursor — 手动复制安装

  1. 安装前请先查看来源仓库和风险报告。
  2. 从源仓库下载 SKILL.md 及相关文件。
  3. 在 Cursor 的 skills 目录中创建新文件夹。
  4. 将所有 skill 文件复制到新文件夹中。
  5. 重启 Cursor 让新的 skill 生效。

GitHub Copilot — Git Clone 安装

  1. 安装前请先查看来源仓库和风险报告。
  2. 克隆仓库:git clone https://github.com/rampstackco/claude-skills.git
  3. 将 "skills/lead-magnet-design" 文件夹复制到 GitHub Copilot 的 skills 目录中。
  4. 重启 GitHub Copilot 让新的 skill 生效。

GitHub Copilot — 手动复制安装

  1. 安装前请先查看来源仓库和风险报告。
  2. 从源仓库下载 SKILL.md 及相关文件。
  3. 在 GitHub Copilot 的 skills 目录中创建新文件夹。
  4. 将所有 skill 文件复制到新文件夹中。
  5. 重启 GitHub Copilot 让新的 skill 生效。

Windsurf — Git Clone 安装

  1. 安装前请先查看来源仓库和风险报告。
  2. 克隆仓库:git clone https://github.com/rampstackco/claude-skills.git
  3. 将 "skills/lead-magnet-design" 文件夹复制到 Windsurf 的 skills 目录中。
  4. 重启 Windsurf 让新的 skill 生效。

Windsurf — 手动复制安装

  1. 安装前请先查看来源仓库和风险报告。
  2. 从源仓库下载 SKILL.md 及相关文件。
  3. 在 Windsurf 的 skills 目录中创建新文件夹。
  4. 将所有 skill 文件复制到新文件夹中。
  5. 重启 Windsurf 让新的 skill 生效。
查看 SKILL.md 原文
name: lead-magnet-design
description: "Designing lead magnets that earn the email. The discipline of building gated content (ebooks, templates, checklists, swipe files, mini-courses, free tools) that delivers genuine standalone value while qualifying the lead and warming them for what comes next. Honest about thin-bait (overpromises, underdelivers), kitchen-sink-resource (everything, helps with nothing), and earned-value-magnet (delivers standalone value while qualifying the lead). Triggers on lead magnet, gated content, opt-in offer, ebook, checklist, template, swipe file, mini-course, free tool, content upgrade, freebie, opt-in, list-building offer. Also triggers when an audience is being asked for an email and the offer attached to that ask needs design discipline, when previous lead magnets converted but did not produce qualified leads, or when a lead magnet is being scoped for the first time."
category: growth-tooling
catalog_summary: "Designing gated content that earns the email. Distinguishes thin-bait (overpromises, underdelivers) from kitchen-sink-resource (everything, helps with nothing) from earned-value-magnet (delivers standalone value while qualifying the lead)"
display_order: 1

Lead Magnet Design

A senior growth practitioner's playbook for designing lead magnets that earn the email. Templates, checklists, swipe files, mini-courses, free tools, ebooks. The discipline of building gated content that delivers genuine standalone value while qualifying the lead and warming them for the next conversation.

Most lead magnets are bait. A vague headline, a thin PDF, an email gate, a follow-up sequence the reader resents. Conversion-rate metrics look fine because the form converted; the email list grows; and the unsubscribe rate climbs because the magnet was a transaction the reader regrets the moment they download.

The lead magnets that work as compounding assets do something different. They deliver value the reader would have paid for if they had to. They qualify the lead by audience-fit, so the list that grows is the right list. They set up the next conversation honestly, so the follow-up sequence is a continuation rather than an apology.

This skill is the parent-frame methodology for the growth tooling track. Calculators (calculator-design) and quizzes (quiz-and-assessment-design) are specific lead-magnet types covered as their own skills. This skill provides the methodology for deciding WHAT to build before deciding WHAT TYPE.

The voice is the senior growth practitioner who has watched lead magnets earn long-term subscribers and watched them burn list trust within a single send. Practical, opinionated about format selection, willing to tell the reader when a lead magnet is the wrong investment for the goal.

When to use this skill: scoping a lead magnet for the first time, auditing a lead magnet that converts but does not qualify, deciding which format fits a specific audience and offer, or designing the post-download sequence that turns the magnet into a relationship.


What this skill covers

This skill spans lead magnet design as the parent discipline. The growth-tooling distinctions:

  • lead-magnet-design (this skill) is the parent-frame methodology. WHAT a magnet is, when to invest in one, which format fits, how to qualify the lead, how to set up the follow-up.
  • calculator-design is one specific lead-magnet type with its own methodology (calculation transparency, tiered value, methodology disclosure).
  • quiz-and-assessment-design is another specific lead-magnet type (scoring algorithms, result categorization, recommendation matching).
  • landing-page-copy is the page-level discipline that wraps the magnet's offer.
  • content-distribution is how the magnet reaches its audience.
  • content-strategy is upstream: the topic decisions that earn investment in any one magnet.

The audience: growth marketers, in-house product marketers, marketing teams, agencies running list-building work for clients, founders building their own funnels.

Out of scope: long-form content marketing (covered by content-strategy); landing-page copy (covered by landing-page-copy); email sequence design at scale (covered by email-sequences); the specific tooling configurations that deliver the magnet (those stay implementation-side).


The lead magnet decision: when to build one, when not to

Before designing the magnet, decide whether a magnet is the right investment.

A lead magnet earns investment when:

  • The audience exists in volume but is not yet on the list. Traffic without conversion is the gap a magnet fills.
  • The product or service has a long consideration cycle. The list builds the relationship across the consideration window.
  • The audience has a specific, immediate problem that a focused resource can address. Magnets work when the gap they fill is concrete.
  • The follow-up sequence has a real purpose. Without a sequence that turns subscribers into something (customers, community members, qualified leads), the magnet is list-building theater.

A lead magnet does NOT earn investment when:

  • The audience would convert directly without a magnet. SaaS with a free trial, ecommerce with a discount code, or freemium with a low-friction signup may not need a magnet between the visitor and the product.
  • The team cannot commit to the follow-up. A list without a sequence is a list that decays.
  • The topic is too broad to focus a single resource. "Marketing" is not a magnet topic; "the welcome-email template that 4x'd our trial-to-paid rate" is.
  • Sales calls or demos are the next step. If the goal is a booked call, design the call-booking flow, not the magnet.

The decision is not "should we have a magnet"; it is "is the magnet the right next investment for this specific audience and goal."

Detail in references/lead-magnet-decision-criteria.md.


Thin-bait vs kitchen-sink-resource vs earned-value-magnet

The keystone framing.

Thin-bait. "10 tips for X" PDFs that are 200 words of fluff behind an email gate. The headline overpromises; the contents underdeliver. The reader downloads, skims, deletes, and unsubscribes within a week. The conversion-rate metric looks fine; the list quality and brand trust both degrade. Cost: every subscriber acquired through thin-bait costs more than they appear to, because the unsubscribe rate, the reduced sender reputation, and the reduced list-trust each compound.

Kitchen-sink-resource. 80-page "Ultimate Guide" containing everything anyone could want about the topic. Includes nothing the reader actually needs RIGHT NOW. Bookmarked, never read, eventually forgotten. Cost: the magnet does not produce the moment of "I needed this and got it," which is the moment the relationship starts. Subscribers stay on the list out of inertia; the relationship never deepens; future emails get ignored.

Earned-value-magnet. Solves a specific, immediate problem the reader has. Genuine standalone value, the kind that would be worth paying for if it were not free. Qualifies the lead by audience-fit. Warms the reader for a specific related offer that follows. The reader downloads, uses the resource, gets the result, and remembers the brand as the source of that result.

The litmus test. Hand the magnet to a non-subscriber in the target audience. Watch them use it. Does the resource produce the promised outcome inside the time the reader was willing to spend? If yes, the magnet is earned-value. If the reader downloads and never opens, the magnet is thin-bait or kitchen-sink-resource regardless of how the headline reads.


Format selection

Magnets come in formats. Each format has strengths, weaknesses, audience-fit signals, and conversion-rate baselines. Choosing the wrong format wastes the topic and the design effort.

Templates. A starting artifact the reader fills in or adapts. Strong for audiences who need to produce a specific deliverable (a brief, a spec, a pitch deck, an email). Strong because the value is immediate and concrete. Weak when the template is too generic to feel custom.

Checklists. A sequence of items to verify or complete. Strong for audiences executing a known process where the gap is comprehensiveness, not direction. Strong because the format signals "you can use this in 10 minutes." Weak when the checklist reads as marketing rather than as a working tool.

Swipe files. A curated collection of examples (subject lines, headlines, ad copy, design references). Strong for audiences who learn from examples and need inspiration rather than instruction. Weak when the swipes are stale or unattributed.

Mini-courses. A multi-part email or video sequence delivering structured learning. Strong for audiences willing to invest sequential attention; strong because the sequence creates multiple touchpoints. Weak when the course is filler or when each lesson does not stand on its own.

Free tools (calculators, quizzes, generators). Interactive web tools that produce a result. Strong for audiences who want a personalized output rather than a generic resource. Strong because the interaction qualifies the lead by inputs. Detail in calculator-design and quiz-and-assessment-design.

Ebooks. Long-form treatment of a topic. Strong for audiences researching a complex decision; strong when the ebook reads as a definitive resource. Weak when used as a default format for topics that would have served the reader better as a checklist or template.

Video series. Sequential video content delivered behind a gate. Strong for topics that benefit from demonstration; strong for audiences who learn from video. Weak when the production overhead exceeds the topic's value or when the audience does not consume video content at the time-of-magnet moment.

The choice depends on the audience's preferred consumption mode, the topic's natural shape, and the production overhead the team can sustain. A great template often outperforms a mediocre ebook on the same topic.

Detail in references/format-selection-patterns.md.


The "would they pay for this" test

The single test that distinguishes earned-value from thin-bait.

The question. If the magnet were not free, would someone in the target audience actually pay for it? Not pay enterprise pricing, not pay for a course, but pay something (5 dollars, 25 dollars, 100 dollars) because the value is concrete enough to justify the cost?

The honest answer matters. A magnet that fails this test is signaling that the value is below the threshold of "I would pay for this," which means the reader's time investment to download and consume it is at the edge of "worth it."

The test is not perfect. Some valuable resources are hard to price (how much is a great checklist worth?). But the test catches the magnets that exist primarily to capture an email rather than to deliver value.

Three failure modes the test catches.

  • The 5-page PDF that summarizes blog content. Free elsewhere; not pay-worthy.
  • The "Ultimate Guide" that nobody finishes. Pay-worthy in theory; not delivered in usable form.
  • The template that is so generic it adds no value over starting from scratch. Pay-worthy framing; thin in execution.

The test the magnet should pass.

  • A reader in the target audience would pay for this resource because it produces a result they need.
  • The resource is in a usable form (consumable in the time the reader is willing to spend, applicable to their specific situation).
  • The resource is hard to find elsewhere or hard to assemble at the same quality.

If the magnet passes the test, it earns the email. If it fails, redesign before launching.

Detail in references/would-they-pay-for-this-test.md.


Audience-fit qualification

The magnet as filter, not just bait.

A great magnet does two things at once. It delivers value (which earns the email). It also filters for the right audience (which earns the long-term relationship).

Filter through the headline. The headline tells the wrong audience to opt out. "The 5-step framework for B2B SaaS pricing decisions" filters out ecommerce founders, freelancers, and consumer-app PMs. The conversion rate from the visiting traffic drops; the conversion rate from the right segment of that traffic is what compounds.

Filter through the topic. A magnet on a niche topic attracts a niche audience. Generic topics attract generic audiences who churn off the list. Specific topics attract specific audiences who stay.

Filter through the format. A 60-minute video course filters out audiences who will not invest 60 minutes. A 2-page checklist filters in audiences who want quick wins. The format signals what the brand expects of the relationship.

Filter through the offer adjacent to the magnet. The follow-up sequence often makes a soft offer for a related product or service. The magnet should be tightly enough scoped that the audience who downloads it is also the audience who would consider the adjacent offer.

The filtering principle. A magnet that converts 50 percent of visitors but produces 5 percent qualified leads is worse than a magnet that converts 15 percent of visitors and produces 40 percent qualified leads. Optimize for the qualified lead, not for the surface conversion rate.

Detail in references/audience-fit-qualification.md.


Title and presentation discipline

The magnet's title is the conversion lever and the qualification filter at the same time.

Title patterns that work.

  • Specific outcome + specific audience. "The B2B onboarding email sequence that 3x'd our 14-day activation rate (for SaaS founders)."
  • Specific deliverable + specific situation. "The pricing one-pager for SaaS founders raising a seed round."
  • Specific framework + specific problem. "The 4-question framework for deciding whether to fire a customer."
  • Specific count + specific value. "23 onboarding emails, with the open and click rate for each."

Title patterns to avoid.

  • "Ultimate Guide to X." Vague. Promises too much. Underdelivers reliably.
  • "The Complete X Playbook." Same failure mode. Promises completeness; delivers volume.
  • "Free [Topic] Resource." Generic. Tells the reader nothing about why this resource is the one to download.
  • "10 Tips for Better X." Listicle framing signals thin content.

Presentation discipline beyond the title.

  • The cover or preview image should reinforce the specificity. A clean type-driven cover often outperforms a cluttered one.
  • The landing page (handled by landing-page-copy) should preview the magnet, not just describe it.
  • The first page of the magnet should deliver value within the first read, not warm up with author bio and brand-positioning.

Detail in references/title-and-presentation-discipline.md.


Delivery and follow-up sequence design

The sequence is the magnet's second act. Without it, the magnet is one transaction; with it, the magnet starts a relationship.

The delivery moment. The reader fills the form and expects the resource immediately. Delivery delay (manual review, scheduled send) breaks the moment. The first email should deliver the asset and confirm the next step.

The first 7 days. The reader is most engaged in the days right after download. The sequence should make use of that window: a follow-up that helps them apply the resource, a related artifact that extends the value, a soft introduction to the brand and the next step.

The medium-term. Days 8 to 30, the sequence transitions from "value-add" to "ongoing relationship." Newsletter signup, related-content rotation, or a soft offer for the adjacent product or service.

The honest offer. When the sequence makes an offer, the offer should match the magnet's audience. A magnet on B2B onboarding should not pitch a consumer course; the audience signal would be wasted.

The opt-out. A reader who unsubscribes from the magnet sequence is not a failure; they are a clean filter. The list quality stays higher when the unfit subscribers leave on their own.

Detail in references/delivery-and-follow-up-sequences.md.


Format-specific quality gates

Each format has quality gates specific to that format. A great template fails different tests than a great mini-course.

Template gates. Does the reader produce a usable artifact in under 30 minutes? Are the prompts specific enough to feel custom? Is the template adaptable across the segment of the audience or rigidly bound to one situation?

Checklist gates. Is each item actionable today? Does the checklist sequence reflect actual workflow order? Is the checklist scoped narrowly enough to feel comprehensive within scope?

Swipe file gates. Are the swipes attributed (where possible)? Are they current (not 5 years stale)? Is the curation visible (the reader can see why each swipe is included)?

Mini-course gates. Does each lesson deliver standalone value (not "you will learn the answer in lesson 4")? Is the cumulative time commitment honest in the title? Does the course end with a clear next step (not just "thanks for taking the course")?

Calculator and quiz gates. Detail in calculator-design and quiz-and-assessment-design.

Ebook gates. Is the ebook navigable (table of contents, page numbers, summary boxes) such that a reader who does not finish still extracts value? Is the production quality consistent with the brand it represents?

Video series gates. Is each video shot at a quality the brand can sustain? Is the audio consistently clear? Is the runtime honest in the listing?

Each format's gates exist because thin-bait can hide in any format. The quality gates make hiding harder.

Detail in references/format-specific-quality-gates.md.


Common failure modes

Rapid-fire. Diagnoses in references/common-lead-magnet-failures.md.

  • "Conversion rate is great, list quality is terrible." Thin-bait pattern; magnet attracts the wrong audience or fails to deliver the promised value.
  • "We ship a magnet; nothing happens after." No follow-up sequence; the magnet is one transaction rather than the start of a relationship.
  • "Our 80-page Ultimate Guide gets downloaded but never read." Kitchen-sink-resource; comprehensive in scope, useless in application.
  • "We changed the format from PDF to webinar; conversion rate dropped." Format mismatched to audience; the audience would consume a PDF in 10 minutes but will not block 60 minutes for a webinar.
  • "The magnet works in paid traffic but not organic." The audience reaching the magnet through paid is different from the organic audience; the magnet may fit one but not the other.
  • "Subscribers go cold after the first email." Sequence absent or poorly designed; the value evaporates after delivery.
  • "We have 5 magnets; one converts well, the others are dead." Magnet portfolio not maintained; audiences move and topics decay; periodic audit missing.
  • "The follow-up offer mismatches the magnet's audience." Magnet attracted one segment; offer pitches a different one; conversion to the offer near zero.
  • "We cannot tell which traffic source produces qualified leads." Attribution missing or rolled up at the wrong level; lead-quality signal not connected back to source.
  • "The team built three magnets last quarter; the team avoids talking about results." Magnets shipped without success metric definition; results ambiguous or quietly underwhelming.

The framework: 12 considerations for lead magnet design

When designing or auditing a lead magnet, walk these 12 considerations.

  1. The magnet decision. Is a magnet the right investment for this audience and goal, or does the funnel work without one?
  2. Earned-value, not thin-bait or kitchen-sink-resource. The magnet would be worth paying for; it solves a specific problem in usable form.
  3. Format matched to audience and topic. The format reflects how the audience consumes content and how the topic naturally shapes.
  4. The "would they pay for this" test. Pass before launching.
  5. Audience-fit qualification. The magnet filters for the right audience, not just maximum conversion.
  6. Title and presentation discipline. Specific, honest, signals what is inside.
  7. Delivery in the moment. First email arrives immediately; the asset is in that email.
  8. Follow-up sequence designed. The 30 days after download have a purpose, an arc, and a soft offer that matches the audience.
  9. Format-specific quality gates passed. The format's specific tests verified before launch.
  10. Lead quality measured, not just conversion rate. What percentage of subscribers fit the audience the magnet was designed for? Where that measurement is unavailable, state the gap per the data-availability rule.
  11. Attribution to source. The team can tell which source produced which leads at which quality.
  12. Audit cadence. The magnet portfolio gets reviewed periodically; underperformers retired.

The output of the framework is a lead magnet that earns the email by delivering real value, qualifies the audience by filtering at the headline and topic level, and starts a relationship through a sequence the team has actually designed.


If required data is unavailable

This skill's output depends on data, measurements, or tool results it cannot generate on its own. When a required input, tool, or data source is unavailable or unverifiable, the sanctioned output is the deliverable with the gap stated: what was needed, what was actually obtained or verified, and which parts of the output are affected. Fabricating, estimating, or interpolating a required number to complete the deliverable is never sanctioned. A stated gap is a complete answer.


Reference files


Closing: magnets earn the email when they earn the reader's afternoon

The magnets that work as compounding assets are the ones the reader uses. Not downloads. Not bookmarks. Uses. The reader opens the resource, applies it, and gets a result they would have paid for if they had to.

That is the bar. Below the bar is thin-bait (the resource is too thin to use) or kitchen-sink-resource (too much to consume). Above the bar is the relationship: the reader remembers the brand as the source of the result, opens the next email, and considers the offer when it comes.

The discipline is in the design choices upstream of the form. The format matched to the audience and topic. The title that filters and earns. The pricing thought experiment that catches the thin magnets before launch. The follow-up sequence designed before the magnet ships, not after. The audit cadence that retires the magnets that stopped working.

When in doubt, ask: would the audience pay for this if it were not free, and will the team commit to the sequence after the download? If yes to both, the magnet earns the email. If no to either, redesign or do not ship.

发现问题?提交给管理员复核

评分:

评论 (0)

暂无评论,成为第一个评论者吧!