专为 Trae IDE 打造的 AI 技能与上下文增强库
同时支持 Cursor IDE 🎉
快速开始 • 技能目录 • 图表生成 • Cursor IDE • 更多信息
TraeSkill 是一个标准化的 AI 技能集合，为 Trae IDE 的 .trae/skills 机制设计。
它的目标是：把「行业最佳实践」沉淀为可复用的 Skill，让 AI 在 Trae 中扮演专业角色——产品经理、架构师、前端工程师、后端开发者、测试专家、SEO 专家等。
flowchart LR
U[开发者提问] --> T[Trae IDE]
T --> I[索引 .trae/skills 目录]
I --> D[00_Meta_Dispatcher 调度中心]
D --> P[01_ProductManager_Brainstorming<br/>产品需求与脑暴]
D --> A[01_Architect_TechStackSelector<br/>架构与技术选型]
D --> F[03_Developer_ReactBestPractices<br/>前端/React 最佳实践]
D --> B[05_Backend_Node / Python<br/>后端实现]
D --> QA[04_Tester_BrowserAutomation<br/>测试与自动化]
D --> O[05_DevOps_GitWorkflow / GitOps<br/>运维与发布]
P --> OUT[面向开发者的回答]
A --> OUT
F --> OUT
B --> OUT
QA --> OUT
O --> OUT
flowchart TB
Core[TraeSkill 核心 Skill<br/>.trae/skills] --> Product[产研设计<br/>00/01/02 开头]
Core --> Dev[前后端开发<br/>03/05 开头]
Core --> QAOps[测试与运维<br/>04/05 开头]
Core --> SEO[增长与 SEO<br/>06 开头]
Core --> Docs[文档自动化<br/>06_Office_Docx]
Product --> P1[00_Meta_Dispatcher<br/>需求拆解与调度]
Product --> P2[01_ProductManager_Brainstorming]
Product --> P3[01_Architect_TechStackSelector / 02_Architect_APIDesign]
Product --> P4[02_Designer_UIUXIntelligence / WebGuidelines]
Dev --> D1[03_Developer_ArtifactsBuilder / ReactBestPractices]
Dev --> D2[03_Mobile_Flutter]
Dev --> D3[05_Backend_Node / Python / Database]
QAOps --> Q1[04_Tester_BrowserAutomation]
QAOps --> Q2[05_DevOps_GitWorkflow / GitOps]
SEO --> S1[06_SEO_ContentStrategy<br/>内容策略]
SEO --> S2[06_SEO_Technical<br/>技术优化]
SEO --> S3[06_SEO_Analytics<br/>数据分析]
SEO --> S4[06_SEO_LinkBuilding<br/>外链建设]
Docs --> Doc1[06_Office_Docx]
git clone https://github.com/boshi-xixixi/TraeSkill.git在 Trae 中clone此仓库，AI 会自动索引到本项目中的 ./trae/skills 中的文件。
将下载好的这个 skill 放到你的用户名下的 Trae 目录的 skill 的目录下即可，Trae 会自动索引到这个目录下的所有文件。（可以在设置中"规则和技能"中查看）
| 编号 | 技能 | 说明 |
|---|---|---|
| 00 | Meta_Dispatcher |
任务调度与需求拆解 |
| 01 | ProductManager_Brainstorming |
需求头脑风暴与 PRD 生成 |
| 01 | Architect_TechStackSelector |
技术栈选型与评估 |
| 02 | Architect_APIDesign |
REST/GraphQL API 设计 |
| 02 | Designer_UIUXIntelligence |
UI/UX 智能知识库 |
| 02 | Designer_WebGuidelines |
Web 设计规范审查 |
| 编号 | 技能 | 说明 |
|---|---|---|
| 03 | Developer_ReactBestPractices |
React/Next.js 性能优化 |
| 03 | Developer_ArtifactsBuilder |
前端组件快速构建 |
| 03 | Mobile_Flutter |
Flutter 架构与性能 |
| 03 | Mobile_FlutterChinaDeploy |
Flutter 中国镜像加速 |
| 05 | Backend_Node |
Node.js 后端模式 |
| 05 | Backend_Python |
Python/FastAPI 最佳实践 |
| 05 | Backend_Database |
SQL 优化与数据库设计 |
| 05 | Backend_MCPBuilder |
MCP Server 构建 |
| 编号 | 技能 | 说明 |
|---|---|---|
| 04 | Tester_BrowserAutomation |
浏览器自动化测试 |
| 04 | Tester_WebAppTesting |
Web 应用测试 |
| 05 | DevOps_GitWorkflow |
Git 工作流规范 |
| 05 | DevOps_GitOps |
GitOps 部署实践 |
| 05 | DevOps_GiteeWorkflow |
Gitee 自动化 |
| 编号 | 技能 | 说明 |
|---|---|---|
| 06 | SEO_ContentStrategy |
SEO 内容策略规划 |
| 06 | SEO_Technical |
技术 SEO 优化 |
| 06 | SEO_Analytics |
SEO 数据分析与 ROI |
| 06 | SEO_LinkBuilding |
外链建设与社交 SEO |
| 编号 | 技能 | 说明 |
|---|---|---|
| 06 | Office_Docx |
Word 文档处理 |
| 06 | Office_Excel |
Excel 数据分析 |
| 06 | Office_Pdf |
PDF 处理与表单填写 |
| 编号 | 技能 | 说明 |
|---|---|---|
| 07 | Security_Specialist |
安全审计与 GDPR |
| 08 | AI_Engineer |
RAG 与 LangChain 架构 |
| 编号 | 技能 | 说明 |
|---|---|---|
| 09 | Operations_Growth |
内容创作、数据分析、营销活动 |
| 编号 | 技能 | 说明 |
|---|---|---|
| 99 | Meta_SkillCreator |
创建新技能 |
| 99 | Meta_Customization |
用户偏好设置 |
| 00 | Meta_UniversalDevTeam |
全能开发团队编排 |
| 编号 | 技能 | 说明 |
|---|---|---|
| 10 | fireworks-tech-graph |
AI/Agent 技术图表（SVG+PNG） |
| 10 | architecture-diagram |
专业深色主题架构图（HTML+PDF） |
| 10 | excalidraw-diagram-generator |
手绘风格协作图表（在线编辑） |
TraeSkill 覆盖了从"想做什么"到"如何上线"的完整软件开发生命周期：
- 🧠 Product & Design：PRD 生成、需求澄清、用户故事拆解、设计系统
- 🏗 Architecture & Backend：系统边界划分、接口设计、数据库建模、Node.js/Python 后端
- 💻 Frontend & Mobile：React 性能优化、Flutter 架构、移动端开发
- 🛡 Quality & Operations：浏览器自动化测试、安全审计、Git 工作流、CI/CD
- 📈 Growth & SEO：内容策略、技术 SEO、数据分析、外链建设
- 📄 Office Automation：Word/Excel/PDF 文档处理
- 🤖 AI Engineering：RAG、LangChain、提示词优化
- 🎨 图表生成：技术架构图、流程图、UML 图、协作图表
TraeSkill 提供三个互补的图表生成 Skill，覆盖 95%+ 的技术图表需求：
输出格式：SVG + PNG
核心优势：
- 🤖 AI/Agent 领域深度支持（RAG、Agent Loop、Memory 系统）
- 📊 完整 UML 支持（14 种图类型）
- 🎨 7 种视觉风格（Flat Icon、Dark Terminal、Blueprint 等）
适用场景：Agent 架构、RAG Pipeline、技术文档、博客配图
输出格式：HTML + SVG + PNG + PDF
核心优势：
- 🌙 专业深色主题设计
- ☁️ 云架构支持（AWS/GCP/Azure）
- 📋 一键导出 PNG/PDF
适用场景：云架构图、Kubernetes 部署、安全架构、深色主题演讲
输出格式：.excalidraw JSON（在线编辑）
核心优势：
- 🎨 手绘风格美学
- 👥 支持多人在线协作
- ☁️ 支持云服务图标库（AWS/GCP/Azure）
适用场景：快速原型、团队头脑风暴、客户演示
需要 AI/Agent 图表？
└─ 是 → fireworks-tech-graph ⭐
└─ 否
需要深色专业主题？
└─ 是 → architecture-diagram
└─ 否
需要在线协作？
└─ 是 → excalidraw-diagram-generator
└─ 否 → fireworks-tech-graph（默认）
TraeSkill 同时支持 Cursor IDE！通过社区贡献的适配层，Cursor 用户也可以使用这些高质量的 Skill。
- 🔌 完全非侵入：仅新增
cursor_adapter/目录，不修改现有代码 - 🔄 动态自适应：自动读取 Skill 并生成 Cursor 兼容文件
- 📦 功能完整：AGENTS.md 自动合并，references/scripts/assets 完整复制
# 克隆仓库
git clone https://github.com/boshi-xixixi/TraeSkill.git
cd TraeSkill
# 运行适配脚本
python cursor_adapter/install.py适配脚本会自动生成 Cursor 兼容的 .cursor/skills/ 目录，后续项目更新时重新运行即可同步。
详细文档：cursor_adapter/README_CURSOR.md
"我想做一个个人笔记 App，帮我梳理需求"
"为这个笔记 App 设计 RESTful API"
"用 React 和 Tailwind 写一个笔记编辑器组件"
"用 FastAPI 实现笔记的 CRUD 接口"
"为笔记创建流程写一个 Playwright 测试"
"帮我分析这个落地页的 SEO 问题"
| 文档 | 说明 |
|---|---|
| 使用指南 | 详细的技能使用说明 |
| 开发技能场景指南 | 按场景分类的技能索引 |
| 图表生成指南 | 三个图表生成 Skill 的使用指南 |
Made with ❤️ for the Trae Community
本功能由
cursor_adapter/提供，以非侵入方式适配 Cursor IDE，不修改任何原有文件。
克隆本仓库后，在项目根目录运行：
python cursor_adapter/install.py脚本会读取 .trae/Skills/ 中的所有 skill，自动生成 Cursor 兼容的 .cursor/skills/ 目录。Cursor 会自动识别并激活对应的 AI 技能。
原项目新增或更新 skill 后，重新运行一次即可，无需修改适配层代码：
python cursor_adapter/install.py
.cursor/目录为生成产物，已加入.gitignore，不影响原项目代码。 详见cursor_adapter/README_CURSOR.md。