代码 类 AI Skill 推荐 — 精选 8 个

精选 8 个代码方向的 AI Skill,含功能说明、安装方式与官方链接,适用于 Claude、Cursor、ChatGPT。

按分类浏览
按平台浏览
🧩
Claude免费
构建复杂多组件网页应用的官方工具套件:React + Tailwind + shadcn/ui,状态管理与路由齐备,产出可直接部署的单页应用。
React + Tailwind 技术栈
shadcn/ui 组件库
状态管理与路由
单文件可部署产物
代码
🕸️
Claude免费
6.8 万+ Star:把任何代码库变成可交互的知识图谱,可视化探索、搜索、随点随问,接手陌生项目的最快方式。
代码转知识图谱
交互式可视化探索
模块依赖一目了然
图上直接提问
代码
👨‍💻
Claude免费
1 万+ Star:面向全栈开发者的 66 个专业 Skill,把 Claude Code 调教成资深结对程序员,从架构评审到测试策略全流程覆盖。
架构设计评审
代码质量把关
测试策略生成
全栈场景覆盖
代码
Claude免费
Vercel 工程团队官方出品:Next.js 最佳实践、缓存策略、版本升级三件套,让 Claude 写出的 Next.js 代码符合官方推荐姿势。
App Router 最佳实践
缓存组件策略
版本升级助手
Vercel 官方维护
代码
📱
Claude免费
Expo 官方 11 个 Skill:React Native 原生 UI、路由导航、API Routes、CI/CD、上架部署,写跨端 App 全流程官方指导。
原生 UI 与导航
EAS 构建部署
SwiftUI / Compose 组件
SDK 升级助手
代码
🛠️
ChatGPT免费
OpenAI 官方 Skill:构建 ChatGPT Apps SDK 应用的完整脚手架,MCP Server + Widget UI 一条龙,做一个跑在 ChatGPT 里的 App。
Apps SDK 脚手架
MCP Server 集成
Widget UI 开发
调试排错指南
代码
🧰
Claude免费NEW
把资深工程师在需求、规划、编码、测试、评审、上线各阶段的工作流与质量门固化成 24 个可复用技能,让 AI 编码 agent 每次都按同一套生产级最佳实践干活。
24 个生产级工程技能
8 条命令贯穿研发全程
按场景自动触发技能
/build auto 一次跑完
代码
🎮
Claude免费NEW
把单个 Claude Code 会话变成完整的游戏开发工作室:49 个专职 AI agent、73 个工作流 skill(slash 命令),以及一套镜像真实工作室层级(总监/部门主管/专才)的协作系统,配 12 个校验 hook 和 11 条路径级编码规则。
49 个 AI agent 组团
73 个工作流 slash 命令
总监/主管/专才三级协作
校验 hook+路径级编码规则
代码