181 lines
8.4 KiB
Markdown
181 lines
8.4 KiB
Markdown
# Claude Code 技能集合
|
||
|
||
`Claude Code` `AI工具` `前端开发` `内容创作` `效率工具`
|
||
|
||
<p align="center">
|
||
<img src="https://cdn.simpleicons.org/anthropic/191919" width="48" height="48" alt="Anthropic" />
|
||
</p>
|
||
|
||
<h1 align="center">Skills</h1>
|
||
|
||
<p align="center">
|
||
我日常使用的 Claude Code 技能个人合集 —— 涵盖产品开发、<br/>
|
||
市场营销、内容创作、咖啡科学和职业工具。<br/>
|
||
为真实工作流打造，而非演示用途。
|
||
</p>
|
||
|
||
---
|
||
|
||
## 可用技能
|
||
|
||
### 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 → 分析杯测记录、咖啡评分，生成感官报告
|
||
``` |