/ 目录 / 演练场 / TRAE-Skills
● 社区 HighMark-31 ⚡ 即开即用

TRAE-Skills

作者 HighMark-31 · HighMark-31/TRAE-Skills

150+ 个专业化技能套件面向软件开发——前端、后端、自动化、UI/UX、SEO、DevOps——每个都是专注、开箱即用的能力。

TRAE-Skills 是一个包含 150+ 个技能套件的广泛目录,针对日常开发任务:代码生成、模板脚手架、脚本和生产就绪的工作流。最初为 TRAE 精选打造,但适配任何兼容 SKILL.md 的 agent(Claude Code、Cursor、Codex)。选择你需要的分类文件夹——前端、后端、自动化、UI/UX、SEO 或 DevOps。

为什么要用

核心特性

实时演示

实际使用效果

trae-skill.replay ▶ 就绪
0/0

安装

选择你的客户端

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "trae-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/HighMark-31/TRAE-Skills",
        "~/.claude/skills/TRAE-Skills"
      ],
      "_inferred": true
    }
  }
}

打开 Claude Desktop → Settings → Developer → Edit Config。保存后重启应用。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "trae-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/HighMark-31/TRAE-Skills",
        "~/.claude/skills/TRAE-Skills"
      ],
      "_inferred": true
    }
  }
}

Cursor 使用与 Claude Desktop 相同的 mcpServers 格式。项目级配置优先于全局。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "trae-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/HighMark-31/TRAE-Skills",
        "~/.claude/skills/TRAE-Skills"
      ],
      "_inferred": true
    }
  }
}

点击 Cline 侧栏中的 MCP Servers 图标,然后选 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "trae-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/HighMark-31/TRAE-Skills",
        "~/.claude/skills/TRAE-Skills"
      ],
      "_inferred": true
    }
  }
}

格式与 Claude Desktop 相同。重启 Windsurf 生效。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "trae-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/HighMark-31/TRAE-Skills",
        "~/.claude/skills/TRAE-Skills"
      ]
    }
  ]
}

Continue 使用服务器对象数组,而非映射。

~/.config/zed/settings.json
{
  "context_servers": {
    "trae-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/HighMark-31/TRAE-Skills",
          "~/.claude/skills/TRAE-Skills"
        ]
      }
    }
  }
}

加入 context_servers。Zed 保存后热重载。

claude mcp add trae-skill -- git clone https://github.com/HighMark-31/TRAE-Skills ~/.claude/skills/TRAE-Skills

一行命令搞定。用 claude mcp list 验证,claude mcp remove 卸载。

使用场景

实战用法: TRAE-Skills

为 React 项目只安装前端技能包

👤 想要为 React/Next/Tailwind 提供专注脚手架的前端工程师 ⏱ ~15 min beginner

何时使用: 在启动新前端项目或为现有项目增添优化时。

前置条件
  • git + ~/.claude/skills 目录 — 用 mkdir -p ~/.claude/skills 创建
步骤
  1. 克隆 TRAE-Skills
    将 HighMark-31/TRAE-Skills 克隆到某个临时位置。✓ 已复制
    → 仓库在本地存在
  2. 仅复制 frontend/
    将 frontend/ 文件夹中的技能逐个复制到 ~/.claude/skills/trae-frontend-* 中。✓ 已复制
    → 每个 SKILL.md 都在预期的深度
  3. 验证发现
    询问 Claude 有哪些 TRAE 前端技能可用。✓ 已复制
    → 前端技能列表及其触发描述

结果: 加载了有针对性的技能集,而不是全部 150 个。

注意事项
  • 两个技能争夺同一触发短语 — 编辑你偏好的技能的描述前置信息,使其更具体

生成生产就绪的 DevOps 脚本

👤 编写 Terraform、Kubernetes 清单或 CI 管道的 DevOps 工程师 ⏱ ~20 min intermediate

何时使用: 你需要一个遵循当前最佳实践的初稿 CI 配置、Dockerfile 或 k8s 清单。

步骤
  1. 请求一个特定的脚本
    使用 TRAE DevOps 技能:为采用 Turborepo 的 Node 20 monorepo 生成 GitHub Actions 管道。✓ 已复制
    → .yml 草稿,包含缓存、矩阵和任务结构
  2. 加强安全性
    现在应用最小权限原则,并通过 SHA 固定 action。✓ 已复制
    → 带有权限块和 SHA 固定的更新文件

结果: 一个你实际上会合并的 CI 管道。

注意事项
  • 技能中嵌入的示例与最新 Actions 版本偏离 — 要求 Claude 根据其 marketplace 页面验证每个 action 的版本
搭配使用: aws-skill · terrashark-skill

为新站点搭建 SEO 基础

👤 启动网站并需要 SEO 基础的创始人 ⏱ ~25 min beginner

何时使用: 新网站,还没有 SEO 基础设施。

步骤
  1. 生成基线
    使用 TRAE SEO 技能为 Next.js 应用生成 sitemap.xml、robots.txt、canonical 标签和 JSON-LD。✓ 已复制
    → 生成的文件加上每种路由类型的 meta-tag 片段

结果: 第一次爬虫前已建立 SEO 基线。

搭配使用: seo-audit-skill

组合

与其他 MCP 搭配,撬动十倍杠杆

trae-skill + seo-audit-skill

TRAE 搭建 SEO,seo-audit-skill 验证结果

运行 TRAE SEO 脚手架,然后针对已部署的 URL 运行 seo-audit-skill。✓ 已复制
trae-skill + terrashark-skill

TRAE 生成初稿 Terraform 模块,TerraShark 加强其安全性

使用 TRAE 生成 AWS VPC 模块,然后让 TerraShark 审查是否存在幻觉和最佳实践。✓ 已复制

工具

此 MCP 暴露的能力

工具输入参数何时调用成本
Frontend skills - React/Vue/Svelte 组件和布局生成 0
Backend skills - API 路由、认证流程、数据库接线 0
Automation skills - Cron、调度器、批处理器 0
UI/UX skills - 设计系统遵守 0
SEO skills - 搜索可见性工作 0
DevOps skills - 管道和基础设施 0

成本与限制

运行它的成本

API 配额
每次调用 Token 数
因技能而异
费用
免费
提示
按需加载分类,而不是一次性加载全部 150 个。

安全

权限、密钥、影响范围

凭据存储: 无凭据
数据出站: 默认无;某些技能可能调用外部 API——查看其 SKILL.md

故障排查

常见错误与修复

Claude 没有识别这个技能

验证每个 SKILL.md 位于 ~/.claude/skills/<name>/SKILL.md,而不是更深的嵌套位置。

验证: ls ~/.claude/skills/*/SKILL.md
生成的代码使用过时的框架版本

在 prompt 中传递显式版本(例如 'Next 15'、'React 19')

替代方案

TRAE-Skills 对比其他方案

替代方案何时用它替代权衡
awesome-llm-skill你想要更广泛的商业/数据分类,而不仅仅是开发开发专业性不足
skills-skill-3你在中文栈服务上(Lark、GLM)不同的领域重点

更多

资源

📖 阅读 GitHub 上的官方 README

🐙 查看未解决的 issue

🔍 浏览全部 400+ MCP 服务器和 Skills