Skills 索引

所有 AI Skills，按类别整理。点击 📋 复制安装命令。

📄 产品与创意 (4)

create-prd

作用：AI 引导你一步步写出完整的 PRD

用法：执行后按提示输入项目信息

场景：启动新项目时快速产出需求文档

npx skills add phuryn/pm-skills@create-prd -g -y

brainstorm-ideas-existing

作用：对已有产品进行多视角头脑风暴

用法：从 PM/设计师/工程师视角分析

场景：产品迭代、功能优化方向探索

npx skills add anthropics/skills@brainstorm-ideas-existing -g -y

brainstorm-ideas-new

作用：对新产品的创意进行多视角发散

用法：从 PM/设计师/工程师视角提出方案

场景：新项目立项、产品方向探索

npx skills add anthropics/skills@brainstorm-ideas-new -g -y

skill-creator

作用：把常用工作流封装成可复用的 Skill

用法：执行后按模板创建自己的 Skill 文件

场景：团队内部工具、重复性任务标准化

npx skills add anthropics/skills@skill-creator -g -y

🎨 设计与 UI/UX (6)

ui-ux-pro-max

作用：AI 设计专家，生成高保真 UI 设计稿

用法：描述页面需求，输出设计稿和标注

场景：Web/移动端界面设计、原型制作

npx skills add nexu-io/open-design@ui-ux-pro-max -g -y

frontend-design

作用：前端组件设计模式，避免千篇一律的 AI 风

用法：描述要做的组件，给出方案和代码

场景：React/Vue 组件设计、页面布局

npx skills add anthropics/skills@frontend-design -g -y

brand-guidelines

作用：创建品牌视觉规范（颜色、字体、Logo）

用法：描述品牌调性，生成规范文档

场景：品牌设计、视觉统一

npx skills add anthropics/skills@brand-guidelines -g -y

theme-factory

作用：10+ 预置主题和自定义主题生成

用法：选择主题模板或描述想要的风格

场景：快速换肤、暗色模式、多主题支持

npx skills add anthropics/skills@theme-factory -g -y

canvas-design

作用：生成高质量海报、封面、信息图（PNG/PDF）

用法：描述设计需求，直接输出成品

场景：社交媒体配图、活动海报、报告封面

npx skills add anthropics/skills@canvas-design -g -y

algorithmic-art

作用：p5.js 算法艺术生成

用法：描述视觉效果，生成交互式画布代码

场景：创意编程、数据艺术、生成式视觉

npx skills add anthropics/skills@algorithmic-art -g -y

💻 前端开发 (5)

next-best-practices

作用：Vercel 官方 Next.js 最佳实践

用法：自动生效，在对话中提供规范建议

场景：RSC 边界、数据获取、路由设计

npx skills add vercel-labs/next-skills@next-best-practices -g -y

next-cache-components

作用：Next.js 16 缓存组件和 PPR 指南

用法：输入 /next-cache-components 查看

场景：use cache、cacheLife()、PPR 优化

npx skills add vercel-labs/next-skills@next-cache-components -g -y

next-upgrade

作用：辅助 Next.js 大版本升级

用法：输入 /next-upgrade 查看迁移步骤

场景：Next 14→15/16，处理 breaking changes

npx skills add vercel-labs/next-skills@next-upgrade -g -y

web-artifacts-builder

作用：React + Tailwind + shadcn/ui 快速构建

用法：描述组件功能，生成完整交互代码

场景：表单、仪表盘、数据可视化面板

npx skills add anthropics/skills@web-artifacts-builder -g -y

html-ppt

作用：HTML 演示文稿制作

用法：描述演示主题，生成 HTML 幻灯片

场景：技术分享、培训课件、在线演示

npx skills add anthropics/skills@html-ppt -g -y

⚙️ 后端开发 (9)

mysql-patterns

作用：MySQL 数据库设计模式

用法：描述数据关系，给出表结构和索引建议

场景：电商订单、用户权限、查询优化

npx skills add sanjay3290/ai-skills --skill mysql -g -y

sql-queries

作用：自然语言描述生成 SQL 查询

用法：用中文描述你要查什么，输出 SQL

场景：数据分析报表、联表查询、迁移

npx skills add phuryn/pm-skills -g -y

bailian-cli

作用：阿里云百炼大模型平台 CLI

用法：安装后用 bl 命令调用通义模型

场景：调用千问、模型训练、AI 部署

npm install -g bailian-cli && npx skills add modelstudioai/cli -g -y

langchain-dependencies

作用：LangChain 依赖管理与版本

用法：描述项目，输出正确的包依赖配置

场景：新项目初始化、依赖升级

npx skills add langchain-ai/langchain-skills -g -y

langchain-middleware

作用：LangChain 中间件开发

用法：描述中间件需求，生成自定义中间件

场景：人机审批、日志记录、输出结构化

npx skills add langchain-ai/langchain-skills -g -y

langchain-rag

作用：RAG 检索增强生成系统构建

用法：描述知识库和数据源，生成 RAG 管道

场景：文档问答、知识库搜索、企业 AI

npx skills add langchain-ai/langchain-skills -g -y

langgraph-cli

作用：LangGraph CLI 项目脚手架

用法：输入 /langgraph-cli 查看命令

场景：项目初始化、构建、部署 LangGraph

npx skills add langchain-ai/langgraph-skills -g -y

langgraph-persistence

作用：LangGraph 状态持久化

用法：描述持久化需求，配置存储后端

场景：跨会话记忆、对话历史、状态恢复

npx skills add langchain-ai/langgraph-skills -g -y

langgraph-human-in-the-loop

作用：LangGraph 人机协作模式

用法：描述审批流程，生成人机交互节点

场景：人工审核、暂停恢复、异常处理

npx skills add langchain-ai/langgraph-skills -g -y

🤖 AI 与 Agent (12)

claude-api

作用：Claude API 完整参考

用法：询问 API 问题，Skill 给出最新信息

场景：API 选型、Token 计算、Streaming

npx skills add anthropics/skills@claude-api -g -y

use-ai-sdk

作用：Vercel AI SDK 使用指南

用法：描述 AI 功能，生成 SDK 调用代码

场景：AI 聊天、流式输出、工具调用

npx skills add anthropics/skills@use-ai-sdk -g -y

mcp-builder

作用：构建 MCP（Model Context Protocol）服务

用法：描述数据源，生成 MCP Server 代码

场景：数据库连接、API 集成、自定义工具

npx skills add anthropics/skills@mcp-builder -g -y

swarm

作用：多智能体协作编排框架

用法：描述任务分解，生成多 Agent 方案

场景：复杂任务拆解、多步骤工作流

npx skills add anthropics/skills@swarm -g -y

develop-ai-functions-example

作用：AI 函数（Function Calling）开发示例

用法：描述工具函数需求，给出定义和调用

场景：自定义工具、API 集成、结构化输出

npx skills add anthropics/skills@develop-ai-functions-example -g -y

langchain-fundamentals

作用：LangChain 框架基础使用

用法：描述链/代理需求，输出代码

场景：LLM 应用、RAG 管道、Agent

npx skills add langchain-ai/langchain-skills -g -y

langgraph-fundamentals

作用：LangGraph 状态图构建

用法：描述状态流转，生成 Graph 定义

场景：多步骤流程、人机协作、状态机

npx skills add langchain-ai/langgraph-skills -g -y

deep-agents-core

作用：Deep Agents 核心框架

用法：创建 Agent 应用时自动调用

场景：Agent 应用开发、Harness 配置

npx skills add anthropics/skills@deep-agents-core -g -y

deep-agents-memory

作用：Deep Agents 记忆与持久化

用法：描述记忆需求，配置存储方案

场景：跨会话记忆、文件系统访问、状态管理

npx skills add anthropics/skills@deep-agents-memory -g -y

deep-agents-orchestration

作用：Deep Agents 子任务编排

用法：描述任务分解，生成子 Agent 方案

场景：多 Agent 协作、任务规划、人工审批

npx skills add anthropics/skills@deep-agents-orchestration -g -y

framework-selection

作用：LangChain/LangGraph/Deep Agents 框架选型

用法：描述项目需求，推荐最合适的框架

场景：AI 项目启动前的技术选型

npx skills add anthropics/skills@framework-selection -g -y

managed-deep-agents

作用：托管式 Deep Agents 运维

用法：描述 Agent 部署需求，生成配置

场景：LangSmith 集成、生产运维、监控

npx skills add anthropics/skills@managed-deep-agents -g -y

🧪 测试 (2)

webapp-testing

作用：Playwright 端到端测试

用法：描述要测试的功能，自动编写并运行

场景：表单验证、页面交互、截图对比

npx skills add anthropics/skills@webapp-testing -g -y

capture-api-response-test-fixture

作用：捕获 API 响应作为测试固件

用法：运行 API 调用并自动保存响应

场景：API 测试、Mock 数据、回归测试

npx skills add anthropics/skills@capture-api-response-test-fixture -g -y

🚀 部署与运维 (1)

update-provider-models

作用：更新 AI SDK 各厂商模型列表

用法：添加新模型或移除下架模型

场景：AI SDK 模型版本更新

npx skills add anthropics/skills@update-provider-models -g -y

📊 文档与办公 (8)

docx

作用：创建和编辑 Word 文档

用法：描述文档内容，生成 .docx 文件

场景：合同、报告、简历、提案书

npx skills add anthropics/skills@docx -g -y

pptx

作用：生成 PowerPoint 演示文稿

用法：描述主题，生成含图表的 PPT

场景：融资路演、项目汇报、教学课件

npx skills add anthropics/skills@pptx -g -y

xlsx

作用：处理 Excel 电子表格

用法：描述数据结构，生成公式和图表

场景：财务报表、数据分析、排期表

npx skills add anthropics/skills@xlsx -g -y

pdf

作用：PDF 生成与编辑

用法：描述内容，输出 PDF 文件

场景：合同打印、电子书、表单导出

npx skills add anthropics/skills@pdf -g -y

adr-skill

作用：架构决策记录（ADR）

用法：描述决策背景，生成 ADR 文档

场景：技术选型记录、架构评审、交接

npx skills add anthropics/skills@adr-skill -g -y

doc-coauthoring

作用：文档协作编写

用法：描述文档需求，AI 引导完成内容

场景：多人协作、技术文档、需求文档

npx skills add anthropics/skills@doc-coauthoring -g -y

internal-comms

作用：企业内部通讯文档写作

用法：描述沟通场景，生成正式通知或邮件

场景：团队公告、周报、会议纪要

npx skills add anthropics/skills@internal-comms -g -y

slack-gif-creator

作用：Slack 用 GIF 动图制作

用法：描述动图内容，生成优化后的 GIF

场景：团队氛围、Slack 回复、趣味通知

npx skills add anthropics/skills@slack-gif-creator -g -y

🔧 其他 Skill (5)

add-function-examples

作用：为 AI SDK 添加新的函数调用示例

用法：描述要测试的 API 功能，生成示例

场景：SDK 功能测试、集成示例

npx skills add anthropics/skills@add-function-examples -g -y

add-provider-package

作用：为 AI SDK 添加新厂商包

用法：描述厂商 API，生成 provider 代码

场景：集成新 AI 服务商

npx skills add anthropics/skills@add-provider-package -g -y

list-npm-package-content

作用：列出 npm 包发布前的文件清单

用法：指定包名或路径，预览发布内容

场景：发包前检查文件结构

npx skills add anthropics/skills@list-npm-package-content -g -y

major-version-mode

作用：AI SDK 大版本升级上下文

用法：切换到新版 SDK 开发模式

场景：SDK 主版本迁移、Breaking Changes 适配

npx skills add anthropics/skills@major-version-mode -g -y

find-skills

作用：查找和发现新的 AI Skills

用法：输入关键词搜索 Skills 仓库

场景：发现新 Skill、按需安装

npx skills add anthropics/skills@find-skills -g -y

🔍 查找更多 Skills

npx skills find [关键词]

例如：npx skills find "react"、npx skills find "database"