常用的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会展示到这里