rampstackco/claude-skills · 上手攻略
- 仓库：rampstackco/claude-skills
- 链接：https://github.com/rampstackco/claude-skills
- 分类：AI Tools · Prompt Engineering
- 作者：Jay
- 更新：2026-08-11
这是什么
rampstackco/claude-skills 是一个 Claude Skills 技能库，包含 103 个互相组合的模块化技能，覆盖从品牌策略、设计系统、内容生产、SEO、产品管理、前端开发到增长运营的完整网站生命周期。每一个 Skill 都是一个独立文件夹，内含 SKILL.md（指令 + YAML 元数据）以及可选的参考文件（模板、清单、工作示例）。
它的核心定位是：Stack-agnostic（栈无关）——不绑定 Next.js/WordPress/Shopify/Webflow 等任何特定技术栈，同一套技能可以直接用在任何 Web 项目上，唯一例外是 SEO 审计套件依赖 Ahrefs MCP。
解决什么问题
在 Claude / Claude Code / Anthropic API 上使用 AI 时，AI 的输出质量高度依赖 prompt 的精确程度和上下文完整性。rampstackco/claude-skills 的目标是：
- 把散装的 prompt 变成可复用的技能体系：每个 Skill 都有标准结构（SKILL.md + references/），Claude 自动识别请求类型并加载对应 Skill，确保输出格式一致。
- 覆盖完整网站生命周期：从品牌定位 → 设计系统 → 内容 → SEO → 开发 → 运营，而不是只有"写作"或"代码"这类单一能力。
- 技能互相引用、可组合：creative-brief 引用 brand-voice，incident-response 引用 monitoring-and-alerting，形成技能网络而非孤立工具箱。
快速安装
方式一：Claude Code（推荐开发场景）
用户级安装（所有项目可用）：
# 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\"
项目级安装（只在该项目中可用）：
mkdir -p .claude/skills
cp -r skills/* .claude/skills/
重启 Claude Code，Skills 自动加载。
方式二：Claude.ai 网页端
- 进入 Settings → Capabilities → Skills
- 将整个 Skill 文件夹打包为
.zip（每个 Skill 单独打包，内含 SKILL.md 和 references/ 子目录） - 上传 zip，启用该 Skill
⚠️ 具体 UI 细节请参考 Anthropic 官方 Skills 文档，Skill 上传功能可能需要 Plus/Pro 等特定订阅计划支持。
方式三：Anthropic API（程序化调用）
Skills 需先上传到 Workspace（通过 Console 或 API），再在创建 messages 时按 ID 引用。具体 API 格式请参考 Agent Skills API 文档。
核心用法
基础使用逻辑
Skills 是按需自动加载的——你不需要显式调用 Skill 名称，只需用自然语言描述需求，Claude 会根据请求匹配对应 Skill：
"Our organic traffic dropped 30% last week. Help me figure out why."
→ 自动触发 seo-traffic-diagnosis Skill，执行 5 层根因框架
"Help me write a creative brief."
→ 自动触发 creative-brief Skill
"Audit my homepage for SEO."
→ 自动触发 seo-onpage Skill
"We need a backlink audit."
→ 自动触发 seo-backlink-audit Skill
推荐的 6 个入口级 Skill
| Skill | 用途 | 适用场景 |
|---|---|---|
creative-direction |
四轴 Brief（Tone / Aesthetic / Audience / Sensory） | 定义品牌视觉方向 |
experiment-design |
从假设到决策：样本量、持续时间、分段分析、失败模式 | 产品实验设计 |
feature-launch-playbook |
功能发布：定位、内对齐、客户沟通、推动、监控 | 新功能上线 |
pillar-content-architecture |
Hub-and-cluster 主题权威架构：支柱选择、聚类规划、内链策略 | 内容 SEO |
landing-page-copy |
Landing Page：Hero-to-CTA 转化流 | 营销落地页 |
funnel-flow-architecture |
跨工具转化流设计 | 增长工具搭建 |
聚焦安装（不全量安装）
不想装全部 103 个 Skill，可以只装精选子集：
# 完整目录（103 个）
/plugin marketplace add rampstackco/claude-skills
/plugin install rampstack-skills@rampstack
# 精选子集（starter + seo + pm）
/plugin install rampstack-starter@rampstack
/plugin install rampstack-seo@rampstack
/plugin install rampstack-pm@rampstack
注：
/plugin是 Rampstack 自己的插件管理命令，非 Claude Code 原生命令。在 Claude Code 中使用 Skill 只需直接复制文件夹即可，不需要/plugin命令。
典型适用场景
| 场景 | 推荐 Skill 组合 |
|---|---|
| 从零搭建 B2B SaaS 网站 | creative-direction → brand-voice → pillar-content-architecture → landing-page-copy → seo-onpage |
| 电商产品页优化 | funnel-flow-architecture → landing-page-copy → seo-backlink-audit |
| 产品实验设计 | experiment-design → feature-launch-playbook |
| 网站性能审计 | seo-onpage + audit-suite（axe-core / Lighthouse 组合） |
| 写 Skill 本身 | meta-skill（catalog 自带的"写 Skill"技能） |
亮点与注意事项
亮点
- 真正栈无关：文档明确标注"适用于 Next.js、WordPress、Shopify、Webflow、纯 HTML 或任何其他"，不是说说而已——所有 Skill 的参考文件都是框架中立的设计原则和流程规范。
- 技能互相引用：每个 Skill 的"When NOT to use"段落明确指出"哪个相邻 Skill 更适合"，形成有导航的技能网络，而非孤岛。
- 参考文件丰富：490 个参考文件（模板、清单、决策矩阵、工作示例），不是只有 SKILL.md 的空壳 prompt。
- 展示站点实锤：rampstack.co/showcase 的 42 个品牌站点是真实渲染的，不是 mockup；4-phase 参考构建（Threshold）有完整 Next.js 代码和真实 Lighthouse 数据。
⚠️ 注意
- SEO 审计套件依赖 Ahrefs MCP：这是唯一的"命名工具例外"，如果你没有 Ahrefs API Key，该 Skill 无法直接使用。
- Skill 自动加载依赖请求匹配：如果自然语言描述不够清晰，Claude 可能匹配到错误的 Skill（或者不触发任何 Skill）。建议用动词开头的明确需求。
- 安装 Skill ≠ 立即可用：Skill 文件夹需要放在正确路径（
~/.claude/skills/或.claude/skills/），Claude Code 启动时扫描并索引。 - 非 MCP 工具集：这是 prompt-based Skill，不是 MCP Server。如果你需要直接调用外部 API（Google Analytics、Search Console 等），需要额外配置 MCP 或 Custom Tool。
- Claude.ai 平台 Skill 限制：官方 Skill 功能可能只对特定订阅计划开放，免费用户可能无法上传自定义 Skill。
与同类对比
| 特性 | rampstackco/claude-skills | borghei/Claude-Skills | awesome-claude-skills 列表 |
|---|---|---|---|
| Skill 数量 | 103 | 368 | 列表式，无统一结构 |
| 栈无关性 | ✅ 完全 | ✅ 完全 | ❌ 混杂 |
| 统一 SKILL.md 结构 | ✅ 强制 | 部分 | ❌ |
| 参考文件 | 490 个 | 859 stdlib tools | ❌ |
| SEO 审计套件 | ✅（含 Ahrefs MCP） | ❌ | ❌ |
| 覆盖网站完整生命周期 | ✅ | 部分 | ❌ |
推荐策略：如果你需要的是"开箱即用、有标准结构、可组合"的技能库，rampstackco 是目前最完整的生产级选项；如果你只是想要灵感参考，awesome-claude-skills 是更轻量的入口。
一句话推荐结论
rampstackco/claude-skills 是目前栈无关、模块化、可组合的 Claude Skills 库中覆盖最完整的生产级选择——103 个 Skill 加 490 个参考文件足以支撑从品牌策略到网站上线的全流程，适合用 Claude Code 或 API 构建真实项目的团队直接采用；唯一需要注意的是 SEO 审计套件依赖 Ahrefs MCP，且 Skill 加载依赖请求匹配质量。