/ 目錄 / 演練場 / TRAE-Skills
← 全部伺服器 ↗ GitHub
● 社群 HighMark-31 ⚡ 即開即用

TRAE-Skills

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

150+ specialized skills for software dev — frontend, backend, automation, UI/UX, SEO, DevOps — each a focused, ready-to-use capability.

TRAE-Skills is a broad catalog of 150+ skill bundles targeting everyday dev tasks: code generation, template scaffolding, scripts, and production-ready workflows. Originally curated for TRAE but works with any SKILL.md-compatible agent (Claude Code, Cursor, Codex). Pick the category folder you need — frontend, backend, automation, UI/UX, SEO, or DevOps.

▶ 觀看演示 📦 安裝 💡 使用場景

為什麼要用

核心特性

即時演示

實際使用效果

trae-skill.replay ▶ 就緒
0/0

安裝

作者儲存庫 · Claude Skills 官方文件

使用場景

實戰用法： TRAE-Skills

Install just the frontend skill pack for a React project

👤 Frontend engineers who want focused scaffolding for React/Next/Tailwind ⏱ ~15 min beginner

何時使用： Starting a new frontend project or adding polish to an existing one.

步驟
  1. Clone TRAE-Skills
    Clone HighMark-31/TRAE-Skills somewhere temporary.✓ 已複製
    → Repo present locally
  2. Verify discovery
    Ask Claude what TRAE frontend skills are available.✓ 已複製
    → List of frontend skills with trigger descriptions

結果： Targeted skill set loaded without the full 150.

注意事項
  • Two skills compete for the same trigger phrase — Edit the description frontmatter of the one you prefer to make it more specific

Generate production-ready DevOps scripts

👤 DevOps engineers writing Terraform, Kubernetes manifests, or CI pipelines ⏱ ~20 min intermediate

何時使用： You need a first-pass CI config, Dockerfile, or k8s manifest that respects current best practices.

步驟
  1. Ask for a specific script
    Use TRAE DevOps skills: generate a GitHub Actions pipeline for a Node 20 monorepo with Turborepo.✓ 已複製
    → Draft .yml with caching, matrix, and job structure
  2. Harden
    Now apply least-privilege permissions and pin actions by SHA.✓ 已複製
    → Updated file with permissions block and SHA pins

結果： A CI pipeline you'd actually merge.

注意事項
  • Skills embed examples that drift from latest Actions versions — Ask Claude to verify each action version against its marketplace page
搭配使用： aws-skill · terrashark-skill

Scaffold SEO essentials for a new site

👤 Founders launching a site and needing SEO basics right ⏱ ~25 min beginner

何時使用： New site, no SEO plumbing yet.

步驟
  1. Generate baseline
    Use TRAE SEO skills to generate sitemap.xml, robots.txt, canonical tags, and JSON-LD for a Next.js app.✓ 已複製
    → Files produced plus meta-tag snippets per route type

結果： SEO baseline in place before the first crawl.

搭配使用： seo-audit-skill

組合

與其他 MCP 搭配，撬動十倍槓桿

trae-skill + seo-audit-skill

TRAE scaffolds SEO, seo-audit-skill verifies the result

Run TRAE SEO scaffold, then seo-audit-skill against the deployed URL.✓ 已複製
trae-skill + terrashark-skill

TRAE generates a first-pass Terraform module, TerraShark hardens it

Generate an AWS VPC module with TRAE, then have TerraShark review for hallucinations and best practices.✓ 已複製

工具

此 MCP 暴露的能力

工具輸入參數何時呼叫成本
Frontend skills - React/Vue/Svelte component and layout generation 0
Backend skills - API routes, auth flows, DB wiring 0
Automation skills - Cron, schedulers, batch processors 0
UI/UX skills - Design system adherence 0
SEO skills - Search visibility work 0
DevOps skills - Pipelines and infra 0

成本與限制

運行它的成本

API 配額
None
每次呼叫 Token 數
Varies per skill
費用
Free
提示
Load categories on-demand rather than all 150 at once.

安全

權限、密鑰、影響範圍

憑證儲存： No credentials
資料出站： None by default; some skills may call external APIs — check their SKILL.md

故障排查

常見錯誤與修復

Generated code uses outdated framework version

Pass explicit versions in the prompt (e.g. 'Next 15', 'React 19')

替代方案

TRAE-Skills 對比其他方案

替代方案何時用它替代權衡
awesome-llm-skillYou want broader business/data categories, not just devLess dev-specific depth
skills-skill-3You're on Chinese-stack services (Lark, GLM)Different domain focus

更多

資源

📖 閱讀 GitHub 上的官方 README

🐙 查看未解決的 issue

🔍 瀏覽全部 400+ MCP 伺服器和 Skills