复制安装命令
用 Codex 或 Claude 安装复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它先审查 Skill 页面再帮你安装。
复制前请先查看来源、License 和安全提示。
A complete, opinionated library of Claude Skills covering the full lifecycle of building, launch...
用 Codex 或 Claude 安装复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它先审查 Skill 页面再帮你安装。
复制前请先查看来源、License 和安全提示。
来源文件:README.md
A complete, opinionated library of Claude Skills covering the full lifecycle of building, launching, running, and growing a brand and a website.
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.
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.
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.
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:
SKILL.md and at least one reference filecreative-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.
Six entry-point skills, one per audience track. Run any of these standalone, or compose them with the rest of the catalog.
| Skill | What 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 |
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.
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.
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.
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 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 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 →
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.
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.
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.
The brands are filterable by architecture, typographic register, and category. The intent is reference work, not consumable templates.
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.
Filter by architecture, vertical, or brand voice; click any mark card to read its design rationale.
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.
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 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.
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.
Skills install in three different places depending on where you use Claude. Pick the platform that matches your workflow.
If your Claude.ai plan supports custom Skills:
.zip (one zip per skill folder containing SKILL.md and the references/ subfolder).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.
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.
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.
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.
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:
creative-briefseo-onpageseo-backlink-auditseo-content-gap-audit plus content-strategyafter-action-reportskill-creation-walkthroughYou can also call a skill explicitly: "Use the seo-audit-orchestration skill to run a full audit on example.com."
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.
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.
This catalog is the open-source methodology layer. Commercial surfaces at rampstack.co extend it:
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.
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.
claude-skills is the parent catalog. Curated subsets and companion repos focus on specific specialties:
| Repo | Focus | Skills |
|---|---|---|
| claude-skills | Full catalog (you are here) | 103 |
| claude-skills-starter | General-purpose lite | 14 |
| claude-skills-seo | SEO consulting | 12 |
| claude-skills-pm | Product management | 12 |
| claude-skills-widgets | UI patterns + components | 65 + 32 |
| awesome-claude-skills | Curated discovery list | n/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.
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.
All 103 skills are shipped. Each has a complete SKILL.md plus at least one reference file (template, checklist, or playbook).
| Skill | What it does |
|---|---|
brand-discovery | Audience research, competitive scan, positioning territory exploration |
creative-brief | Project briefs that align stakeholders before work starts |
creative-direction | Four-axis aesthetic brief (tone, aesthetic, audience, sensory ambition) for cross-skill coherence |
information-architecture | Sitemap, navigation, URL structure, content types, taxonomy |
content-strategy | Editorial strategy, content calendar, topical authority planning |
| Skill | What it does |
|---|---|
brand-ideation | Naming, positioning territories, mood directions, narrative angles |
brand-identity | Logo system, color, typography, imagery, iconography, motion |
brand-style-guide | The canonical reference document for the full brand system |
brand-voice | Voice attributes, tone shifts, vocabulary, paired-example library |
brand-archetype-system | 12 archetype defaults across 18 verticals: color, type, voice, imagery starters |
logo-design | Logo variants across architectures (wordmark, lockup, monogram, letterform-as-symbol), with rationale and application specs |
creative-brief-selector | Live-reference-grounded creative briefs with divergence check against prior builds |
| Skill | What it does |
|---|---|
design-system | Component library, design tokens, design system documentation |
design-standards | Production-grade page and component design standards |
art-direction | Photography, illustration, and visual direction for campaigns |
vertical-site-conventions | Vertical page and site composition built to the experience bar |
| Skill | What it does |
|---|---|
pillar-content-architecture | Hub-level content architecture: pillar topic selection, cluster planning, internal linking, URL structure, pillar and cluster page anatomy, topical authority signals, refresh discipline |
content-brief-authoring | Per-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-copy | Website copy, blog content, content production frameworks |
landing-page-copy | Landing pages, sales pages, hero-to-CTA flow |
email-sequences | Onboarding flows, lifecycle campaigns, transactional copy |
programmatic-seo | Designing 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-qa | Pre-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-collaboration | How 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-frameworks | Structural 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-system | Systematic 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-repurposing | Cross-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-distribution | Content 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-reviews | Evidence tiers, methodology disclosure, honest review claims |
Tool-agnostic SEO skills. These define the conceptual frameworks. The SEO audit suite below adds the Ahrefs MCP-powered execution layer.
| Skill | What it does |
|---|---|
seo-onpage | Single-page audits and optimization across 8 dimensions |
seo-technical | Crawlability, indexability, rendering, schema, page experience |
seo-keyword | Discovery, intent classification, clustering, prioritization |
seo-competitor | SERP overlap, content gaps, backlink gaps, technical comparison |
seo-offpage | Link building, digital PR, citations, linkable assets |
seo-content-audit | Keep/update/merge/redirect/delete decisions across a site |
seo-aeo-geo | AI search optimization, llms.txt, extraction-friendly content |
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.
| Skill | What it does |
|---|---|
seo-audit-orchestration | Master orchestrator: sequences the suite, produces a rollup report |
seo-backlink-audit | Profile health, anchor mix, toxic links, reclamation, gap analysis |
seo-keyword-gap-audit | Competitor keyword gaps with opportunity scoring and clustering |
seo-content-gap-audit | Missing topics, thin coverage, outdated content, decay diagnosis |
seo-traffic-diagnosis | Diagnose drops, stalls, or wins via 5-layer root cause analysis |
seo-site-health-audit | Triage Ahrefs Site Audit findings by SEO impact, not severity |
seo-rank-tracking | Setup, baseline, segmentation, alerting, dashboarding |
| Skill | What it does |
|---|---|
pm-spec-writing | PRDs, user stories, acceptance criteria, dev briefs |
roadmap-planning | Quarterly planning, prioritization, dependency mapping |
integration-orchestrator | Sequence creative-direction work across phases, gates, handoffs, and QA verification |
experiment-design | Hypothesis to decision: sample size, duration, segment analysis, interpretation, and the failure modes that produce wrong shipping calls |
feature-flagging | Flags as production infrastructure: types, naming, lifecycle, targeting, rollout, stale flag cleanup, governance |
experimentation-analytics | Read result panels without fooling yourself: confidence intervals, p-values, multiple testing, sequential testing, CUPED, ratio metrics, network effects, dashboard reconciliation |
experimentation-platform-orchestrator | Pick the right experimentation platform, migrate when wrong, coordinate when multi-platform: a decision framework for Statsig, PostHog, GrowthBook, Optimizely, Amplitude, Eppo, Kameleoon |
product-analytics-setup | Instrument 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-experimentation | Run 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-playbook | The operational discipline of launching a feature well: positioning, internal alignment, customer comms, sales enablement, support readiness, rollout strategy, monitoring, and post-launch measurement |
jtbd-framing | Jobs-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-design | OKR 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-management | Running 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) |
| Skill | What it does |
|---|---|
code-review-web | PR review, build error diagnosis, security and quality checks |
frontend-component-build | Component architecture, props design, accessibility from the start |
accessibility-audit | WCAG compliance audit with remediation plan |
performance-optimization | Core Web Vitals, asset optimization, render performance |
| Skill | What it does |
|---|---|
qa-testing | Pre-launch QA, regression testing, cross-browser checks |
| Skill | What it does |
|---|---|
launch-runbook | Go-live runbook, DNS cutover, deploy day procedures |
incident-response | Incident triage, comms, mitigation, escalation |
after-action-report | Post-mortems, retros, learnings documentation |
domain-strategy | DNS architecture, redirects, registrars, multi-domain portfolios |
monitoring-and-alerting | SLO design, uptime checks, alert routing, on-call rotations |
backup-and-disaster-recovery | RPO/RTO targets, backup strategy, restoration drills |
security-baseline | HTTPS, security headers, CSP, secrets management, vulnerability scans |
email-deliverability | DMARC, SPF, DKIM, sender reputation, deliverability monitoring |
media-asset-management | Image pipelines, video hosting, asset libraries, format selection |
| Skill | What it does |
|---|---|
analytics-strategy | Measurement frameworks, dashboard design, event taxonomy |
cro-optimization | Hypothesis-driven testing, conversion optimization |
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.
| Skill | What it does |
|---|---|
lead-magnet-design | 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) |
calculator-design | Designing 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-design | Designing 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-design | Designing 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-design | Designing 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-architecture | Architecting 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-design | Designing 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-tour | Designing 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-design | Designing 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-design | Designing 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-design | Designing 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-design | Designing 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) |
Paid media discipline: strategy, creative, and performance analytics. Pairs with the paid media platforms in the /integrations catalog at rampstack.co.
| Skill | What it does |
|---|---|
paid-media-strategy | Hypothesis to spend: channel selection, budget allocation, audience targeting, bid strategy, attribution reality, and the failure modes that burn agency-scale budgets |
ads-creative-development | Hook patterns, format selection, video pacing, variation systems, testing methodology, fatigue detection, and the platform-specific creative norms that separate ads from clutter |
ads-performance-analytics | Read 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 |
| Skill | What it does |
|---|---|
ux-research | Research planning, user interviews, qualitative synthesis |
usability-testing | Test design, moderation, findings reports |
journey-mapping | Customer journey maps, service blueprints, friction analysis |
discovery-research-synthesis | Synthesizing 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-aggregation | Collecting 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-audit | Cross-site experience patterns and gaps across a vertical |
| Skill | What it does |
|---|---|
form-strategy | Form design, validation patterns, spam prevention, conversion tuning |
content-migration | Platform migrations with SEO equity preservation |
internationalization | Locale strategy, hreflang, translation workflow, RTL design |
dependency-management | Package updates, security patches, lockfile hygiene |
cost-optimization | Infrastructure spend audits, rightsizing, contract negotiation |
| Skill | What it does |
|---|---|
stakeholder-communication | Status updates, exec readouts, project communications |
documentation-strategy | Documentation systems, what to document, maintenance cadence |
vendor-evaluation | Tool and vendor selection using a structured rubric |
team-onboarding-playbook | 30-60-90 onboarding plans for new hires and contractors |
skill-creation-walkthrough | The meta-skill: how to write your own custom skills |
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.
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
seo-audit-orchestration and the 6 audit suite skills (backlink, keyword gap, content gap, traffic, site health, rank tracking). Credits-per-call.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.Traffic estimation and competitive intelligence
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
seo-traffic-diagnosis and any audit that needs ground-truth click and impression data. Free with rate limits.performance-optimization and seo-site-health-audit for Core Web Vitals field data. Free with rate limits.code-review-web, pm-spec-writing, roadmap-planning, incident-response. Lets Claude read PRs, file issues, search code, and reference real commits.monitoring-and-alerting and incident-response. Real error data turns generic incident frameworks into specific diagnoses.domain-strategy, security-baseline, performance-optimization. DNS records, redirects, page rules, security headers.launch-runbook and incident-response. Deployments, env vars, build logs.code-review-web, pm-spec-writing, backup-and-disaster-recovery. Schema, queries, edge functions.analytics-strategy, cro-optimization, journey-mapping. Event taxonomy review and funnel analysis grounded in real data.monitoring-and-alerting, incident-response. SLO design and alert routing against actual metrics.incident-response, stakeholder-communication, after-action-report. Read channel context, draft updates, post incident comms.pm-spec-writing, roadmap-planning. Spec writing against the actual issue tracker, not a generic template.brand-discovery, seo-keyword, seo-competitor, ux-researchclaude mcp add in Claude Code for direct installationIf 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.
Every skill follows the same structure. See SKILL_AUTHORING.md for the full spec.
Highlights:
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)
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.
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.
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.
MIT. Use it. Fork it. Ship things with it.
name: calculator-design
description: "Designing interactive calculators (ROI calculators, pricing estimators, savings projections, mortgage calculators, custom assessments) that deliver real decision-support value while serving as lead magnets and qualified-traffic generators. Honest about vanity-calculator (no real value), lead-trap (hides the answer behind email), and transparent-decision-tool (gives the result and earns the email through tiered value) patterns. Triggers on calculator, ROI calculator, pricing estimator, savings calculator, custom calculator, interactive tool, decision tool, financial calculator. Also triggers when an audience needs a calculation-driven lead magnet, when a vanity calculator is producing leads but no qualified ones, or when a calculator is being scoped for the first time."
category: growth-tooling
catalog_summary: "Designing 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)"
display_order: 2A senior growth practitioner's playbook for designing interactive calculators that deliver real decision-support value while serving as lead magnets and qualified-traffic generators. ROI calculators, pricing estimators, savings projections, mortgage calculators, custom assessments. The discipline of building a tool the audience actually trusts.
Most calculators on the web are bait. Random multipliers behind official-looking math; an "Industry Average" number that does not cite a source; the result hidden behind a contact-sales form. The calculator captures emails because the format implies calculation; the leads are unqualified because the calculator did not actually help anyone decide anything.
The calculators that work as compounding assets do something different. They give the audience a result they can defend to a stakeholder. They show the methodology so the result is interrogatable. They capture leads through value (a PDF report, a save-and-compare account, a custom analysis) rather than through manipulation.
This skill is one of the specific lead-magnet types covered as its own skill. The parent-frame methodology lives in lead-magnet-design; the calculator-specific methodology (calculation transparency, tiered value, methodology disclosure) lives here.
The voice is the senior growth practitioner who has watched calculators earn long-term credibility and watched them burn it within weeks of launch. Practical, opinionated about transparency, willing to say when a calculator is the wrong investment for the goal.
When to use this skill: scoping a calculator for the first time, auditing a calculator that converts but does not qualify, designing the methodology disclosure that earns audience trust, or deciding which features warrant the email gate.
This skill spans calculator design as one specific lead-magnet type. The growth-tooling distinctions:
lead-magnet-design is the parent-frame methodology (when to invest in any magnet, format selection, audience-fit, follow-up sequence). Calculators are one specific lead-magnet type.calculator-design (this skill) is calculator-specific methodology (calculation transparency, tiered value, methodology disclosure, input design).quiz-and-assessment-design is a sister tool type. Calculators give numbers; quizzes give categories. The methodology differs.landing-page-copy is the calculator landing page (downstream of calculator design).pm-spec-writing is writing the spec for engineers building the calculator. This skill is about WHAT to build; pm-spec-writing is about communicating it.The audience: growth marketers, product marketers, marketing teams building lead-magnet calculators, agencies running growth-tooling work for clients.
Out of scope: lead-magnet design at the parent-frame level (covered by lead-magnet-design); landing-page copy (covered by landing-page-copy); the engineering implementation of the calculator (handed off via pm-spec-writing).
Before designing the calculator, decide whether a calculator is the right tool for the audience and the goal.
Calculators earn investment when:
Calculators do NOT earn investment when:
The decision is not "should we have a calculator"; it is "is the calculator the right next investment for this specific audience and goal."
Detail in references/calculator-investment-criteria.md.
The keystone framing.
Vanity-calculator. Inputs and outputs that do not actually help anyone decide anything. "Calculate your marketing ROI" with random multipliers; "estimate your savings" with no defensible methodology. Looks impressive in a screenshot; helps nothing in a real decision. Cost: leads downloaded the result, found it useless, and remember the brand as the source of the useless tool.
Lead-trap. Genuine calculation logic but the result is hidden behind an email gate. The user inputs 8 fields, hits "Calculate," and sees "enter your email to see your result." Manipulative; reader resents the friction; conversion drops below baseline because the audience can tell when the gate is bait rather than value-add.
Transparent-decision-tool. Genuine calculation that gives the result immediately. Email gate for advanced features (PDF report, custom analysis, save-and-compare across scenarios) where the additional value justifies the ask. The reader gets the answer they came for; the brand gets the email through demonstrated generosity.
The litmus test. After running the calculator, can a stranger in the target audience defend the result to a stakeholder? Can they cite the methodology behind the number? If yes, the calculator is a transparent-decision-tool. If they got a number with no defensible source, the calculator is vanity. If they could not see the result without giving an email, the calculator is a lead-trap.
The calculator's inputs are the audience's first interaction. Bad input design loses the user before the calculation runs.
The principle. Each input should be necessary for the calculation, easy for the user to provide, and respectful of the user's time.
Necessary. If an input does not affect the output meaningfully, do not ask for it. Calculators that ask 18 inputs but only use 5 in the actual math signal that the form is collecting data for sales rather than for the calculation. The audience can tell.
Easy to provide. Use defaults from honest assumptions. "Average company size" preset to a reasonable industry baseline. "Typical conversion rate" preset to a defensible number. Defaults reduce the cognitive load and let the user adjust where their context differs.
Respectful of time. Group related inputs visually. Show only the fields the user is currently working through (progressive disclosure where it helps). Indicate progress so the user knows how many steps remain.
Input types.
Detail in references/input-design-patterns.md.
The defensibility of the result is the calculator's credibility currency.
The principle. The audience should be able to inspect the methodology. Either the calculation is shown openly, or a methodology link explains it, or the team is willing to share the spec on request.
Methodology disclosure options.
The vanity-calculator failure. Assumptions hidden, sources missing, formulas opaque. The audience uses the tool, gets a number, and cannot defend it. The brand is invisible in their next conversation about the decision because the calculator did not earn the credibility.
The transparent-tool win. Assumptions visible, sources cited, formulas inspectable. The audience uses the tool, gets a number, and can defend it. The brand is in the conversation because the audience cites the calculator as their source.
Detail in references/calculation-logic-transparency.md.
The result is the calculator's product. Bad result presentation wastes the calculation work.
The principle. The result should be specific, contextualized, and actionable.
Specific. A number with units. "Estimated annual savings: $14,200." Not "Significant savings." Not "Up to 60 percent off."
Contextualized. Compare to a baseline the user can understand. "Based on your inputs, you would save $14,200 annually compared to your current configuration." The context makes the number interpretable.
Actionable. What does the user do with this number? "Use this estimate to make the case to your CFO" or "Save this scenario to compare against alternative configurations" or "Get a PDF report you can share." The next step is the calculator's bridge from result to action.
Result-presentation patterns.
Avoid.
Detail in references/result-presentation-patterns.md.
What to gate, what to give freely.
The principle. Give the audience the result they came for. Gate the additional value (PDF report, custom analysis, save-and-compare, saved scenarios across visits).
What to give freely.
What to gate (with email or account creation).
The lead-trap failure. The headline result is gated. The user inputs 8 fields, hits Calculate, sees "enter your email to see your result." Conversion drops because the audience perceives the manipulation. The lead-trap pattern is short-term thinking.
The transparent-tool win. The result is free; the additional value is gated. Conversion is honest; lead quality is high because the lead opted in for the additional value, which signals real interest.
Detail in references/email-capture-decision-tree.md.
The architecture that lets calculators capture leads honestly.
The principle. The calculator delivers tiered value: free immediate result + gated advanced features.
Tier 1 (free, no gate): the headline result, the breakdown, the methodology, basic visualization.
Tier 2 (email-gated): a formatted PDF, a saved scenario, an emailed copy of the result.
Tier 3 (account or sign-up gated): save-and-compare across multiple scenarios over time, advanced analysis, integration with the brand's product or service.
The tier-design discipline.
Worked example.
A B2B SaaS pricing calculator.
Each tier earns its gate.
Detail in references/tiered-value-structures.md.
Patterns that look like calculators but degrade trust.
The lead-trap. Result hidden behind email. Detail in keystone framing.
The vanity output. A number that looks impressive but does not help any real decision. "Your marketing efficiency score is 87." 87 of what?
The hidden-methodology calculator. No way to see the math; no methodology page; no assumption list. The audience uses the tool, gets a number, and cannot defend it.
The interrogation form disguised as calculator. 18 input fields, of which 5 affect the math. The form is collecting sales-qualification data under cover of calculation.
The misleading-baseline calculator. "Industry Average" or "Typical Customer" baselines that are flattering to the brand and unsourced. The audience that knows the industry sees the gap.
The misaligned-units calculator. "Estimated savings: 14X" without a base value. Or "60 percent improvement" without saying improvement in what.
The static-assumption calculator. Assumptions hardcoded in 2022 that have not been updated. The calculator's outputs are stale.
The mobile-broken calculator. Calculator works fine on desktop, breaks on mobile. The mobile audience either bounces or gets a worse experience that misrepresents the brand.
Detail in references/calculator-anti-patterns.md.
Rapid-fire. Diagnoses in references/common-calculator-failures.md.
When designing or auditing a calculator, walk these 12 considerations.
The output of the framework is a calculator that delivers real decision-support value, earns the email through demonstrated generosity, and produces leads the team can convert downstream.
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.
references/calculator-investment-criteria.md - When a calculator is the right tool for the audience and goal, and when a simpler magnet would serve.references/input-design-patterns.md - Input necessity, default discipline, input types, progressive disclosure. The friction the audience does not need.references/calculation-logic-transparency.md - Methodology disclosure options. Inline formulas, methodology pages, source citations, assumption lists.references/result-presentation-patterns.md - Specific, contextualized, actionable. Headline number, breakdown, visualization, scenario comparison.references/email-capture-decision-tree.md - What to give freely, what to gate. The lead-trap failure and the transparent-tool win.references/tiered-value-structures.md - Tier 1 free, Tier 2 email-gated, Tier 3 account-gated. Worked examples.references/methodology-disclosure-templates.md - Templates for assumption lists, methodology pages, source citations, formula explanations.references/calculator-anti-patterns.md - The patterns that look like calculators but degrade trust.references/common-calculator-failures.md - 9+ failure patterns with diagnoses and cures.The calculators that work as compounding assets are the ones the audience trusts. Not impressive screenshots. Not high conversion rates. Trust. The audience runs the calculator, gets a result they can defend, and remembers the brand as the source of the result they used in their actual decision.
That is the bar. Below the bar are vanity-calculators (no real result) and lead-traps (result hidden until you pay with an email). Above the bar are transparent-decision-tools that give the audience the answer freely and capture leads through additional value the audience opts in for.
The discipline is in the design choices. The methodology disclosure that earns credibility. The input design that respects the audience's time. The tiered value structure that makes the email-capture honest. The result presentation that makes the calculator's output usable in the audience's real conversation. The update cadence that keeps the calculator in sync with the offering it represents.
When in doubt, ask: would the audience pay for this calculator if it were not free, and can they defend the result to a stakeholder after they use it? If yes to both, the calculator earns the email. If no to either, redesign or do not ship.
评论 (0)
暂无评论,成为第一个评论者吧!