我做了一套全自动的 AI 协作的 Skill 库，让开发效率变的更简单！

技巧分享
,
1

10 天

:microphone: 我做了一套工业级 AI 协作技能库，让开发效率直接翻倍！

image
image1280×544 89.7 KB

GitHub 仓库：GitHub - boshi-xixixi/TraeSkill · GitHub

:clipboard: 前言

Hello 啊，Trae 友们！今天要给大家分享我花了好长时间开发的 TraeSkill 一套专门为 Trae IDE 打造的 AI 技能库。有了它，AI 就不再是只会聊天的工具，而是能帮你写 PRD、做架构、优化性能的全能助手！

:bullseye: 为什么要做这个技能库？

说实话，我平时写代码的时候总觉得效率不够高，很多重复劳动浪费了大量时间。后来接触到 Skill 这个概念，发现这东西潜力巨大，但找了一圈发现现有的开源技能库要么不够完善，要么太分散。

于是我干脆自己动手，研究了三个热门的开源技能库：

  • Anthropic 官方的技能库
  • Vercel Labs 的智能体技能
  • ComposioHQ 整理的 Claude 技能精选

把里面最实用的部分整合起来，加上自己的一些经验，就做出了这套 TraeSkill。

:hammer_and_wrench: 项目简介

TraeSkill 说白了就是一套标准化的 Prompt 模板和 AI 技能集合，专门为 Trae IDE 的 .trae/Skills 机制设计。

我的核心目标就是把行业里的最佳实践沉淀成可复用的 Skill，让 AI 在 Trae 里能扮演各种角色：

  • :office_worker: 会写 PRD 的产品经理
  • :building_construction: 懂架构与技术选型的架构师
  • :artist_palette: 熟悉 React/Flutter 性能优化的大前端工程师
  • :test_tube: 懂自动化测试与 DevOps 的质量与运维专家

:light_bulb: 快速查阅

常用开发技能及场景指南 | 推荐初学者优先阅读，快速掌握各阶段技能用法

自然语言唤醒指南 | 学习如何通过自然语言高效触发专家角色

TraeSkill 从 0 到 1 开发蓝图 | 了解如何用本仓库支撑完整的研发流程

:puzzle_piece: 目录与核心模块

仓库的核心在于 .trae/Skills 目录，每个子目录代表一个专业领域的 Skill 套件：

:bar_chart: Meta 调度层（00_）

| Skill | 功能 |

| 00_Meta_Dispatcher | 任务调度与蓝图生成中枢，负责解析需求、拆解阶段并路由到其他 Skill |

| 00_Meta_UniversalDevTeam | 全能开发团队，依次调用 PM → 架构师 → 开发 → QA 角色 |

:brain: 产品与设计层（01_）

| Skill | 功能 |

| 01_ProductManager_Brainstorming | 产品需求梳理、用户故事拆解、竞品分析与 PRD 草案生成

| 01_Architect_TechStackSelector | 技术栈选型评估（性能、复杂度、团队熟悉度等）、方案对比与推荐 |

| 01_Discovery_GitHubSearch | GitHub 搜索与发现 |

:building_construction: 架构与设计层（02_）

| Skill | 功能 |

| 02_Architect_APIDesign | REST / GraphQL API 设计规范、资源建模与接口契约梳理 |

| 02_Designer_UIUXIntelligence | UI/UX 智能知识库：组件风格、配色、排版、交互模式、UX 准则等 |

| 02_Designer_WebGuidelines | Web 可访问性、响应式设计与通用前端 UI 规范审查 |

| 02_Designer_FrontendImplementation | 前端实现设计 |

:laptop: 开发层（03_）

| Skill | 功能 |

| 03_Developer_ArtifactsBuilder | 快速生成前端 Artifact（如 React/Tailwind/shadcn UI 代码片段） |

| 03_Developer_ReactBestPractices | React/Next.js 性能与可维护性最佳实践：渲染优化、状态管理、数据获取模式等 |

| 03_Mobile_Flutter | Flutter 架构（整洁架构、分层设计）、状态管理与性能调优 |

| 03_Mobile_FlutterChinaDeploy | Flutter 中国部署方案 |

:test_tube: 测试层（04_）

| Skill | 功能 |

| 04_Tester_BrowserAutomation | 基于浏览器自动化的端到端测试思路与脚本示例 |

| 04_Tester_WebAppTesting | Web 应用测试 |

:gear: 后端与运维层（05_）

| Skill | 功能 |

| 05_Backend_Node | Node.js 后端工程实践：接口层设计、异步编程模式、性能优化 |

| 05_Backend_Python | Python 后端工程实践：FastAPI、异步编程、性能优化 |

| 05_Backend_Database | 数据库建模、索引设计、SQL 优化模式与迁移策略 |

| 05_Backend_MCPBuilder | MCP 构建器 |

| 05_DevOps_GitWorkflow | Git 分支模型、CI/CD 思路 |

| 05_DevOps_GitOps | GitOps 与 Kubernetes 相关实践 |

| 05_DevOps_GiteeWorkflow | Gitee 工作流自动化 |

:page_facing_up: 办公文档层（06_）

| Skill | 功能 |

| 06_Office_Docx | 面向文档自动化处理（docx/ooxml）的技能与参考规范 |

| 06_Office_Excel | Excel 表格处理 |

| 06_Office_Pdf | PDF 文档处理 |

:locked: 安全与 AI 层（07-08_）

| Skill | 功能 |

| 07_Security_Specialist | 安全专家：应用安全、认证授权与合规性 |

| 08_AI_Engineer | AI 工程师：LLM 应用开发，涵盖 RAG 和 LangChain 架构 |

:chart_increasing: 运营层（09_）

| Skill | 功能 |

| 09_Operations_Growth | 运营与增长专家：内容创作、运营数据分析、营销活动策划 |

:wrench: 元技能层（99_）

| Skill | 功能 |

| 99_Meta_Customization | 用户自定义配置 |

| 99_Meta_SkillCreator | 技能创建器，快速创建自定义技能 |

:glowing_star: 能力覆盖

TraeSkill 覆盖了从"想做什么"到"如何上线"的完整软件开发生命周期，让 AI 成为你的全能开发团队：

:brain: Product & Design (产研设计)

  • Product Manager：PRD 生成、需求澄清、范围界定、用户故事拆解
  • UI/UX Designer：设计系统、组件化思维、配色与排版、Web 体验准则

:building_construction: Architecture & Backend (架构与后端)

  • System Architect：系统边界划分、领域建模、接口与数据库的协同设计
  • Backend Engineering：Node.js / Python 服务端模式、数据库迁移、SQL 优化、异步与性能调优

:laptop: Frontend & Mobile (大前端)

  • React Specialist：渲染性能优化、Hooks 最佳实践、Server Components / Data Fetching 模式
  • Flutter Expert：分层架构、状态管理、性能分析与调优策略

:shield: Quality & Operations (质量与运维)

  • Testing Automation：浏览器自动化测试、回归测试脚本思路、端到端验收
  • Security / DevSecOps：安全需求提取与代码审计规则
  • DevOps / GitOps：Git 工作流、CI/CD 思路、声明式部署与 GitOps 实践

:light_bulb: 实际使用案例

案例1：开发待办事项应用

只需告诉 Trae：

请帮我开发一个待办事项应用

Trae 会自动：

  1. :clipboard: 产品经理：分析需求，生成 PRD
  2. :building_construction: 架构师：设计技术栈（React + TypeScript + Vite）
  3. :laptop: 开发工程师：编写组件、实现功能
  4. :test_tube: 测试工程师：检查代码质量

案例2：优化 React 组件性能

当你遇到性能问题时，只需说：

帮我优化这个 React 组件的性能

Trae 会自动调用 React 最佳实践技能，帮你分析并优化：

  • :magnifying_glass_tilted_left: 识别不必要的重渲染
  • :rocket: 实现 memoization 优化
  • :bar_chart: 分析组件渲染性能

:red_question_mark: 常见问题

Q：TraeSkill 适合哪些人群？

A：适合所有使用 Trae IDE 的开发者，无论是新手还是资深工程师都能提升开发效率。

Q：如何更新 TraeSkill？

A：只需重新克隆仓库或拉取最新代码即可自动更新所有技能。

Q：可以自定义技能吗？

A：当然可以！通过 99_Meta_SkillCreator 技能可以快速创建自定义技能。

:wrench: 工作原理

TraeSkill 利用了 Trae IDE 的原生 Skills 特性：

  1. 所有规则文件均位于 .trae/Skills 目录下，以 Markdown 形式组织
  2. 当你在 Trae 中打开此项目，或将其中某些 Skill 目录复制到你自己的项目时：
  • Trae 的 AI Agent 会自动索引这些 Skill 文件
  • 当你提问相关问题（如"优化这个 React 组件"）时，会优先查阅对应规则
  • 回答会自动带上这些领域知识，而无需你记住任何具体文件名

:light_bulb: 你可以把它理解为：给 AI 预先塞了一整套"团队开发手册 + 经验库"，并由 Trae 帮你在对话时自动检索与应用。

:rocket: 快速上手

Step 1：克隆 GitHub 库

首先你需要把仓库克隆到本地：

git clone https://github.com/boshi-xixixi/TraeSkill.git

克隆后会得到一个 .trae 文件夹，把它放到你的 Trae IDE 项目根目录下，Trae 就会自动识别这些技能了。

克隆仓库
克隆仓库346×796 41 KB

你可以在「设置」→「规则和技能」中看到已经识别的技能模块。

技能识别
技能识别657×458 45.3 KB

Step 2：开始使用技能库

现在你可以切换到 SOLO 模式（v3.5.24 版本后不使用 solo 也可以调用 skill），开始体验了。

文档说明
文档说明312×167 8.14 KB

我最常用的万能用法就是：

我想开发一个待办事项应用，请带我走一遍全流程。

这句话会自动调用 universal-dev-team 技能，给你安排一个完整的开发团队：

| 角色 | 职责 |

| :office_worker: PM（产品经理） | 帮你分析需求，生成 PRD |

| :building_construction: 架构师 | 设计技术架构，选择合适的技术栈 |

| :laptop: 开发工程师 | 写代码实现功能 |

| :test_tube: QA（测试工程师） | 检查代码质量，确保功能正常 |

Step 3：实际使用效果

当你输入指令后，Trae 会先调用 universal-dev-team 技能生成详细的开发清单，然后调用 brainstorming 技能帮你头脑风暴，接着就会根据你的需求调用相应的技能。

整个过程真的就像有一个小团队在帮你开发一样，效率提升非常明显！

:wrench: 技能库调优与定制

为什么需要调优？

说实话，因为我作为一名学生，我的 skills 肯定还有很多可以改进的地方。这也是为什么我在技能命名前加上序号的原因，方便大家根据自己的需求进行修改和定制。

如何定制技能库？

你可以查看 Trae_Skills_使用指南.md 文档，里面有每个技能的详细说明，然后根据自己的习惯进行调整。

Meta_Skills：技能创建神器

我还做了一个特别实用的技能 99_Meta_SkillCreator，它可以帮你快速创建自定义技能：

我要创建 [技能名称] 技能

Trae 就会自动调用这个技能，帮你开发新技能！

使用原始开源库

如果你觉得我的技能库不符合你的需求，也可以直接用那三个原始的开源库：

请帮我依据

https://github.com/anthropics/skills

https://github.com/vercel-labs/agent-skills

https://github.com/ComposioHQ/awesome-claude-skills

这3个库，找到【你想要的库】，我现在要【你想要开发的场景】，然后clone到.trae/Skills的目录中

:robot: 配合智能体使用

在一些技能文件夹里，我还放了 AGENTS.md 文件，这是智能体的配置说明。配合智能体使用，体验会更好：

配置步骤

  1. 打开 Trae 智能体页面，选择「创建智能体」
  2. 复制对应 Skill 下的 AGENTS.md 内容到 Trae 中
  3. 在配置界面勾选需要的 MCP 工具

为什么要这么做？

  • 工具权限：只有手动配置的智能体才能稳定使用特定工具
  • 角色更纯粹：AI 会更专注于自己的角色，不容易跑题

:light_bulb: 个人建议：对于经常用到的 MCP 工具类（如 chrome-devtools、PlayWright 等），建议配置专门的智能体和 MCP。

:bullseye: 新手入门指南

如果你是 Trae IDE 的新手，也不用担心。只需要把我的库地址告诉 Trae：

请帮我把 https://github.com/boshi-xixixi/TraeSkill/ clone 下来，并按照.trae/Skills/xxx 到我的本地目录中，然后介绍一下这个项目是什么，我该如何高效使用

Trae 会自动帮你完成配置，并详细介绍怎么用这个技能库。

:clipboard: 省流总结

这到底是个什么东西？

其实 TraeSkill 就是我为 Trae IDE 做的一套 AI 协作技能，把复杂的开发过程拆成 AI 能理解的小步骤，让 AI 更好地帮你写代码。

设计思路

我的设计思路很简单：

你提需求 → 项目经理分析 → 架构师设计 → 开发工程师写代码 → 测试工程师检查

同时还可以绑定各种工具，比如文件操作、Git、数据库等等，让开发流程更加顺畅。

主要特点

| 特点 | 说明 |

| 智能体配合 | 每个技能都有对应的智能体配置，让 AI 更专注于自己的角色 |

| 实用至上 | 我选的都是实际开发中能用得上的技能，没有花架子 |

| 容易扩展 | 通过 99_Meta_SkillCreator 可以快速添加新技能，满足不同的需求 |

:folded_hands: 感谢与支持

如果你觉得这个项目对你有帮助，欢迎给我点个 star，这对我来说是最大的鼓励！

GitHub 仓库：GitHub - boshi-xixixi/TraeSkill · GitHub

也欢迎大家提交 issue 和 PR，一起完善这个项目！

:paperclip: 参考开源项目

这个项目参考了以下几个优秀的开源项目：

:paperclip: 推荐几个skill 的网站

skill 网站推荐：
https://skills.sh/
https://skillsmp.com/
GitHub - anthropics/skills: Public repository for Agent Skills
GitHub - vercel-labs/agent-skills: Vercel’s official collection of agent skills

:speech_balloon: 如果觉得有用，欢迎点赞、收藏、分享！有问题欢迎在评论区讨论～

1 个赞
2

很实用的分享，厉害厉害

1 个赞
3

很棒！收藏了

1 个赞
4

很强收藏了

5

太厉害了，佩服