/ Verzeichnis / Playground / TRAE-Skills
● Community HighMark-31 ⚡ Sofort

TRAE-Skills

von 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.

Warum nutzen

Hauptfunktionen

Live-Demo

In der Praxis

trae-skill.replay ▶ bereit
0/0

Installieren

Wählen Sie Ihren Client

~/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
    }
  }
}

Öffne Claude Desktop → Settings → Developer → Edit Config. Nach dem Speichern neu starten.

~/.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 nutzt das gleiche mcpServers-Schema wie Claude Desktop. Projektkonfiguration schlägt die globale.

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
    }
  }
}

Klicken Sie auf das MCP-Servers-Symbol in der Cline-Seitenleiste, dann "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
    }
  }
}

Gleiche Struktur wie Claude Desktop. Windsurf neu starten zum Übernehmen.

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

Continue nutzt ein Array von Serverobjekten statt einer Map.

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

In context_servers hinzufügen. Zed lädt beim Speichern neu.

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

Einzeiler. Prüfen mit claude mcp list. Entfernen mit claude mcp remove.

Anwendungsfälle

Praxisnahe Nutzung: 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

Wann einsetzen: Starting a new frontend project or adding polish to an existing one.

Voraussetzungen
  • git + ~/.claude/skills directory — Create with mkdir -p ~/.claude/skills
Ablauf
  1. Clone TRAE-Skills
    Clone HighMark-31/TRAE-Skills somewhere temporary.✓ Kopiert
    → Repo present locally
  2. Copy only frontend/
    Copy the frontend/ folder's skills one per directory into ~/.claude/skills/trae-frontend-*.✓ Kopiert
    → Each SKILL.md lands at the expected depth
  3. Verify discovery
    Ask Claude what TRAE frontend skills are available.✓ Kopiert
    → List of frontend skills with trigger descriptions

Ergebnis: Targeted skill set loaded without the full 150.

Fallstricke
  • 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

Wann einsetzen: You need a first-pass CI config, Dockerfile, or k8s manifest that respects current best practices.

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

Ergebnis: A CI pipeline you'd actually merge.

Fallstricke
  • Skills embed examples that drift from latest Actions versions — Ask Claude to verify each action version against its marketplace page
Kombinieren mit: aws-skill · terrashark-skill

Scaffold SEO essentials for a new site

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

Wann einsetzen: New site, no SEO plumbing yet.

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

Ergebnis: SEO baseline in place before the first crawl.

Kombinieren mit: seo-audit-skill

Kombinationen

Mit anderen MCPs für 10-fache Wirkung

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.✓ Kopiert
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.✓ Kopiert

Werkzeuge

Was dieses MCP bereitstellt

WerkzeugEingabenWann aufrufenKosten
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

Kosten & Limits

Was der Betrieb kostet

API-Kontingent
None
Tokens pro Aufruf
Varies per skill
Kosten in €
Free
Tipp
Load categories on-demand rather than all 150 at once.

Sicherheit

Rechte, Secrets, Reichweite

Credential-Speicherung: No credentials
Datenabfluss: None by default; some skills may call external APIs — check their SKILL.md

Fehlerbehebung

Häufige Fehler und Lösungen

Claude doesn't pick up the skill

Verify each SKILL.md sits at ~/.claude/skills/<name>/SKILL.md, not nested deeper.

Prüfen: ls ~/.claude/skills/*/SKILL.md
Generated code uses outdated framework version

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

Alternativen

TRAE-Skills vs. andere

AlternativeWann stattdessenKompromiss
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

Mehr

Ressourcen

📖 Offizielle README auf GitHub lesen

🐙 Offene Issues ansehen

🔍 Alle 400+ MCP-Server und Skills durchsuchen