# Claude Code 技能集合
`Claude Code` `AI工具` `前端开发` `内容创作` `效率工具`
Skills
我日常使用的 Claude Code 技能个人合集 —— 涵盖产品开发、
市场营销、内容创作、咖啡科学和职业工具。
为真实工作流打造，而非演示用途。
---
## 可用技能
### frontend-design（前端设计）
创建高质量、可生产部署的前端界面。自动检测项目上下文：
- **Rails + Inertia 模式** — 直接在 Rails + Vite + Inertia.js 项目中生成页面、控制器和路由
- **独立 React 模式** — 构建可部署到 Vercel/Netlify/Amplify 的 Vite + React SPA
- **纯 HTML 模式** — 单文件静态页面
```bash
npx skills add AAlvAAro/skills@frontend-design
```
### feature-planner（功能规划）
交互式功能规划助手，从创意到可实施的规格说明书：
- 从 Notion 拉取规格模板，逐节引导填写
- 支持**新项目**、**现有应用新功能**和**重新设计**
- 生成 TypeScript 类型、页面路由、组件列表和验收标准
- 创建完整的 Notion 页面，可直接粘贴到 Claude Code 中使用
- 包含品牌素材规划（Logo、favicon、OG 图片）
```bash
npx skills add AAlvAAro/skills@feature-planner
```
### content-media-plan（内容媒体计划）
基于调研的内容日历与媒体计划生成器：
- **文档优先** — 直接读取简报或策略文档（如有），或通过 3 轮聚焦问题引导完成
- **参考调研** — 分析竞品/灵感来源的社交账号（Instagram、TikTok、Facebook、YouTube），提炼真实内容规律
- **策略定义** — 根据目标和执行能力，提出内容支柱、平台组合和发布频率
- **灵活日历** — 1、2 或 4 周逐日排期，每条帖子包含平台、格式、支柱和主题
- **格式示例** — 为每种格式类型（Feed 帖子、轮播、Reels、故事、推文、FB 帖子、博客、Newsletter）提供完整文案示例 + AI 生成示例图
- **可视化 HTML 输出** — 彩色日历网格 + 格式展示画廊，在浏览器中实时打开
- **灵活存储** — 保存到 Notion 和/或导出本地包到 Google Drive
```bash
npx skills add AAlvAAro/skills@content-media-plan
```
### landing-page（落地页生成）
基于真实数据的研究驱动型落地页生成器：
- **调研阶段** — 从 Instagram、TikTok、Facebook、YouTube、Google Maps、网站抓取、论坛、新闻抓取数据，以及可选的简历信息
- **分析阶段** — 像营销人员一样提炼竞争优势、价值主张、受众洞察、品牌声调和 SEO 关键词
- **竞品替补** — 数据稀缺时，研究同类业务为设计提供专业参考
- **图像生成** — 通过 `infsh` CLI 创建与品牌风格匹配的 AI 生成视觉素材
- **地图集成** — 根据 GPS 坐标嵌入 Google Maps / OpenStreetMap 并添加"获取路线"按钮
- **多种输出格式** — 纯 HTML（初学者）、Vite+React（开发者）、Rails+Inertia（SaaS）或客户交付包
- 使用 **Social Toolkit MCP** 和 **SearchAPI MCP** 进行数据采集
```bash
npx skills add AAlvAAro/skills@landing-page
```
### presentation（演示文稿生成）
研究驱动的演示文稿生成器，创建可分享的 HTML 幻灯片：
- **灵活输入** — 支持从文档、URL、文件、粘贴文本、图片或引导问题开始
- **多源调研** — 通过 Social Toolkit 和 SearchAPI MCP 获取社交媒体、新闻、财经、趋势、广告、YouTube、应用商店、Google Maps 评论、网页抓取等数据
- **演示类型** — 融资路演、销售/投资、营销、商业模式画布、产品发布、作品集、教学、市场分析
- **视觉风格** — 极简高管风、大胆动感风、编辑风、数据驱动风、创意叙事风
- **交互式 HTML** — 键盘导航（方向键、全屏、概览网格）、触控/滑动、进度条、演讲者备注、通过 URL hash 直接跳转到指定幻灯片
- **即时分享** — 通过 wrangler 部署到 Cloudflare Workers，生成可分享链接
```bash
npx skills add AAlvAAro/skills@presentation
```
### cv-generator（简历生成）
专业简历构建工具，担当资深招聘顾问角色，而非单纯填写模板：
- **多源输入** — 支持读取 PDF、DOCX、TXT、Markdown、HTML、URL、LinkedIn 或 Notion 页面
- **招聘级建议** — 调研目标行业，提出优化建议，优化内容策略
- **AI 头像** — 根据参考照片生成专业人物肖像
- **精美输出** — 单页 HTML 简历，支持 PDF 下载，通过 Cloudflare Workers 即时部署
- **问答模式** — 未提供来源时，通过引导问题收集信息
```bash
npx skills add AAlvAAro/skills@cv-generator
```
### brand-kit（品牌视觉包）
品牌视觉生成器，从调研到交付创建完整品牌资产：
- **调研优先** — 在生成任何内容之前，先分析行业、竞品和受众
- **Logo 生成** — 通过 `infsh` CLI 或 HiggsfieldImageTool 生成 3-4 种 Logo 变体（图标、字标、组合标、字母标）
- **品牌图像** — 主视觉横幅、社交头像、OG 图片、图案和生活方式配图
- **域名可用性** — 建议 8-12 个域名选项并逐一实时查询可用性
- **用户名可用性** — 检查 Instagram、TikTok、X、YouTube、Facebook、GitHub 和 LinkedIn 上的账号名可用性
- **灵活交付** — 输出到 Notion、Google Drive 文件夹或可打印 PDF 的 HTML 品牌手册
```bash
npx skills add AAlvAAro/skills@brand-kit
```
### skill-creator（技能创建助手）
技能开发助手，按照 Anthropic 官方规范创建新的 Claude Code 技能：
- **需求引导** — 梳理领域、触发条件、MCP 依赖和输出策略
- **调研阶段** — 扫描现有技能以避免重复，并在相关时调研该领域
- **资源规划** — 按需规划 SKILL.md 及参考资料、示例、素材和评估文件
- **规范约束** — 祈使句写作风格、精简正文（1500-2000 字）、含触发短语的规范 frontmatter
- **验证清单** — 完成前核查结构、风格、文件引用和命名规范
- **完整集成** — 自动更新 README 并遵循所有仓库规范
```bash
npx skills add AAlvAAro/skills@skill-creator
```
### rails-ai-kit-init（Rails AI 套件初始化）
一键从 rails-ai-kit 启动套件初始化新项目：
- **完整 Git 配置** — 克隆套件，创建新 GitHub 仓库，将 `origin` 映射到新项目，`upstream` 映射到 rails-ai-kit
- **依赖安装** — 运行 `bin/setup`（Ruby gems、Node 包、数据库迁移）
- **启动验证** — 启动开发服务器并确认其正常响应
- **项目定制** — 更新配置文件和 package.json 中的应用名称
- **上游追踪** — 保持 rails-ai-kit 为 upstream，便于未来执行 `git merge upstream/main`
```bash
npx skills add AAlvAAro/skills@rails-ai-kit-init
```
### catador-pro（咖啡杯测助手）
由 [Catador Pro](https://catador.pro) 提供的 AI 驱动咖啡杯测助手，专精精品咖啡感官分析：
- **协议支持** — SCA 阿拉比卡、SCA 罗布斯塔、卓越杯（CoE）和 CVA 杯测协议
- **文档分析** — 读取杯测表和评分表（PDF、图片、文本），进行验证和评分
- **风味描绘** — 结合产地上下文，使用 SCA 风味轮识别风味
- **可视化报告** — 生成带蜘蛛图、对比图和详细分析的 HTML 报告
- **双语支持** — 用西班牙语或英语流畅回答，无缝切换
```bash
npx skills add AAlvAAro/skills@catador-pro
```
---
## 工作流
```
/feature-planner → 规划功能（创意 → Notion 规格说明）
/frontend-design → 生成 UI（规格说明 → 可运行代码）
/content-media-plan → 调研 + 生成完整内容日历，含格式示例和可视化交付物
/landing-page → 基于社交/网络数据调研 + 生成完整落地页
/presentation → 调研 + 生成可通过 URL 部署的交互式 HTML 幻灯片
/cv-generator → 从任意来源素材构建专业网页简历
/brand-kit → 生成品牌视觉、Logo、图像，并检查域名与用户名可用性
/skill-creator → 按规范结构创建新的 Claude Code 技能
/rails-ai-kit-init → 从 rails-ai-kit 启动套件快速初始化新项目
/catador-pro → 分析杯测记录、咖啡评分，生成感官报告
```