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