常用的skills安装记录

官网地址：https://skills.sh/

查找skills的

npx skills add https://github.com/vercel-labs/skills --skill find-skills -g -y

• -g：全局安装（所有项目 / AI 编辑器都能用）
• -y：自动确认，不用手动按 y

# 格式 npx skills find "关键词" # 示例 npx skills find react npx skills find 前端设计 npx skills find code review npx skills find "react performance"

# 查看已装技能 npx skills list -g # 更新所有技能 npx skills update # 卸载技能 npx skills remove <技能名> -g

常见的9种skills可以安装到全局

1. 强化前端 UI 视觉、布局与交互落地能力

npx skills add https://github.com/anthropics/skills --skill frontend-design -y -g

2. 快速搭建网页结构、生成完整前端业务代码与静态产物

npx skills add https://github.com/anthropics/skills --skill web-artifacts-builder -y -g

3. 遵循官方规范编写标准化、可维护的 React 工程代码

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices -y -g

4. 统一页面样式规范、体验标准与 Web 端开发约束

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines -y -g

5. 规范组件拆分、逻辑抽离与组合复用的编码模式

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns -y -g

6. 适配移动端，遵循 React Native 跨平台开发规范

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-native-skills -y -g

7. 拆解开发需求、划分任务节点、制定项目开发方案

npx skills add https://github.com/shubhamsaboo/awesome-llm-apps --skill project-planner -y -g

8. 输出合理项目分层、技术架构与通用设计方案

npx skills add https://github.com/wshobson/agents --skill architecture-patterns -y -g

9.标准化代码自检、漏洞排查与代码质量优化校验

npx skills add https://github.com/obra/superpowers --skill requesting-code-review -y -g

添加完的skills会展示到这里