Mr.Nine 的技术笔记

Appearance

Skills ​

Skills 是 Claude Code 的模块化能力扩展，通过加载专门的指令、脚本和资源来提升特定任务的处理能力。

查找与安装 ​

skills.sh 是开放的 Agent Skills 搜索与注册表网站，可用于查找适合 Claude Code、Codex、Cursor、Cline 等 AI 编码代理的 Skills。

无需全局安装 CLI，通过 npx 可直接安装：

bash
npx skills add <package>

常用参数说明：

参数含义
-a, --agent <agent>指定安装到哪个 AI Agent，例如 claude-code、codex，也可用 '*' 表示全部支持的 Agent
-g, --global安装到用户级目录，让所有项目可用；不加时默认安装到当前项目
-s, --skill <skill> / --skill <skill>只安装仓库中的指定 skill；可用 '*' 表示安装该仓库全部 skills
-l, --list / --list只列出仓库中可用的 skills，不执行安装
-y, --yes跳过确认提示，适合脚本或 CI 场景
--copy复制文件而不是创建符号链接，适合不支持 symlink 的环境
--all安装仓库中的全部 skills 到全部支持的 Agent，并跳过确认

安装后 Claude Code 会自动发现 .claude/skills/ 目录中的 skill，无需手动调用。

find-skills ​

find-skills 是 Skills 发现辅助技能，用于帮助 AI 根据用户需求搜索、筛选并推荐可安装的 Agent Skills。

文档地址： skills.sh/vercel-labs/skills/find-skills

GitHub 地址： vercel-labs/skills

安装方式 ​

bash
npx skills add vercel-labs/skills --skill find-skills

公共 ​

通用型 Skills，不限前后端，适用于所有开发场景。

官方 Skills ​

Anthropic 官方 Skills 集合涵盖文档处理、设计开发、开发工具和企业协作等场景，可作为使用和创建 Agent Skills 的官方示例参考。

文档地址： Skills API Quickstart

GitHub 地址： anthropics/skills

安装方式 ​

bash
npx skills add anthropics/skills

Claude API 使用方式参考 Skills API Quickstart。

Agent Browser ​

agent-browser 是面向 AI Agent 的浏览器自动化 Skill，通过 inference.sh 提供基于 Playwright 的网页操作能力，适合打开页面、识别交互元素、点击、填写表单、截图和提取页面信息。

文档地址： skills.sh/toolshell/skills/agent-browser

GitHub 地址： toolshell/skills

安装方式 ​

bash
npx skills add https://github.com/toolshell/skills --skill agent-browser

Skills For Real Engineers ​

Matt Pocock 的日常工程技能集，强调"真实工程"而非 vibe coding，提供小而可组合的技能。包含 /tdd（红-绿-重构测试循环）、/diagnosing-bugs（系统化排障）、/to-spec（模块摸底后生成规范）、/improve-codebase-architecture（架构维护）等，兼容任意模型。

文档地址： skills.sh/mattpocock/skills

GitHub 地址： mattpocock/skills

安装方式 ​

bash
npx skills@latest add mattpocock/skills

安装时记得勾选 /setup-matt-pocock-skills，随后在 Agent 中运行一次完成初始化。技能文件会复制进项目，可自由修改。

两种方式的取舍

skills.sh 把技能复制进项目，适合想自行改造的场景；插件保持只读且始终最新，适合直接开箱即用并跟随作者迭代。

前端 ​

前端 UI 框架、设计系统相关的 Skills。

Vercel Agent Skills ​

Vercel 官方 Agent Skills 集合主要面向 React / Next.js、Web 设计规范、React Native、视图过渡、组件组合和 Vercel 部署等前端工程场景。

文档地址： vercel.com/docs/agent-resources/skills

GitHub 地址： vercel-labs/agent-skills

安装方式 ​

bash
npx skills add vercel-labs/agent-skills

Vue Skills ​

Vue Skills 是面向 Vue 3 开发的 Agent Skills 集合，覆盖 Composition API、Options API、Vue Router、Pinia、测试、JSX、调试和可复用 composable 等常见场景。

文档地址： vuejs-ai/skills README

GitHub 地址： vuejs-ai/skills

安装方式 ​

bash
npx skills add vuejs-ai/skills

UI UX Pro Max ​

UI UX Pro Max 是面向多端界面设计的专业 UI/UX Skill，提供设计系统、视觉风格、配色、字体、图表和行业化界面生成能力。

文档地址： nextlevelbuilder/ui-ux-pro-max-skill README

GitHub 地址： nextlevelbuilder/ui-ux-pro-max-skill

安装方式 ​

bash
npx skills add nextlevelbuilder/ui-ux-pro-max-skill

shadcn/ui Skills ​

shadcn/ui Skills 为 Claude Code 提供项目感知的 shadcn/ui 开发上下文，帮助 AI 根据项目配置正确使用组件、registry、主题和路径别名。

文档地址： ui.shadcn.com/docs/skills

GitHub 地址： shadcn-ui/ui

安装方式 ​

bash
npx skills add shadcn/ui

Wot UI Skills ​

Wot UI Skills 面向 wot-ui 组件库，帮助 AI Agent 更准确地完成 Vue 3 + uni-app 场景下的组件选型、代码生成、主题定制和常见问题排查。

文档地址： wot-ui.cn/guide/skills.html

GitHub 地址： wot-ui/open-wot

安装方式 ​

bash
npx skills add wot-ui/open-wot

Ant Design Skills ​

Ant Design Skills 面向 antd 组件库，结合 @ant-design/cli 提供组件 API、Demo、Token、Changelog、迁移指南和项目检查能力，帮助 AI Agent 更准确地编写、排查和迁移 antd 代码。

文档地址： ant-design/ant-design-cli README

GitHub 地址： ant-design/ant-design-cli

安装方式 ​

bash
npx skills add ant-design/ant-design-cli

Ant Design X Skills ​

@ant-design/x-skill 是专为 Ant Design X 打造的智能技能库，用于辅助构建 AI 对话应用、处理对话组件、请求封装、Markdown 渲染和状态管理等任务。

文档地址： x.ant.design/x-skills/introduce-cn

GitHub 地址： ant-design/x

安装方式 ​

bash
npx skills add https://github.com/ant-design/x/tree/main/packages/x-skill

后端 ​

后端开发、AI Agent 框架相关的 Skills。

FastAPI Skills ​

fastapi Skill 用于辅助 Claude Code 编写和重构 FastAPI API 与 Pydantic 模型，提供 FastAPI 最新特性、项目结构和接口开发最佳实践。

文档地址： fastapi.tiangolo.com

GitHub 地址： fastapi/fastapi

安装方式 ​

bash
npx skills add https://github.com/fastapi/fastapi --skill fastapi

LangChain Skills ​

LangChain 官方 Skills 为 AI 编码代理提供 LangChain、LangGraph 和 Deep Agents 生态的专业知识，适合构建 Agent、持久化工作流、RAG 和人类审批流程。

文档地址： langchain.com/blog/langchain-skills

GitHub 地址： langchain-ai/langchain-skills

安装方式 ​

bash
npx skills add langchain-ai/langchain-skills

其他 ​

文档生成、演示文稿、多媒体内容等跨领域辅助型 Skills。

PPT Master ​

ppt-master 是 AI 驱动的多格式 SVG 内容生成与 PPTX 导出工作流，可将 PDF、DOCX、URL、Markdown 等来源材料转化为高质量演示文稿。

GitHub 地址： hugohe3/ppt-master

安装方式 ​

bash
npx skills add hugohe3/ppt-master