2026 ist Claude Code längst mehr als ein Chat-Terminal — es ist eine orchestrierbare Agent-Plattform. Den Unterschied macht oft nicht die Modellversion, sondern ob Sie die richtigen Skills installiert haben.
Ein Skill ist ein „Bedienungsanleitung“ für die KI: Sie tippen /grill-me oder einen anderen Slash-Befehl — Claude folgt den Schritten: erst Anforderungen klären, dann Tests schreiben, dann implementieren, große Tasks zerlegen — statt planlos zu patchen.
Das Problem: Auf skills.sh gibt es bereits Tausende Skills, meist mit englischen Namen. Dieser Artikel erklärt zuerst in Klartext, wofür jeder Skill da ist und ob Sie ihn brauchen — danach kommen die Ein-Klick-Befehle. Für mattpococks Designphilosophie siehe auch „mattpocock/skills definiert KI-Programmierung neu“.
Jeder Skill unten hat einen copy-fertigen npx skills add ...-Befehl — identisch mit der Skill-Karte auf skills.sh, direkt ins Terminal einfügen.
1. Was sind Skills — und wie unterscheiden sie sich von Rules?
Kurz: Skills sind Workflows on demand, Rules sind dauerhafte Projektregeln.
Rules sind wie die Hausordnung — gelten bei fast jedem Gespräch. Skills sind SOPs für „Anforderungen schreiben“, „Tests laufen“, „Code Review“ — Sie öffnen sie nur, wenn Sie die Aufgabe brauchen. Technisch: ein Ordner mit SKILL.md; Auslösen per /skill-name.
| Mechanismus | Alltagssprache | Wann aktiv? |
|---|---|---|
| Rules / CLAUDE.md | Projekt-„Hausordnung“: Stil, Struktur, Verbote | Fast jedes Gespräch |
| Skills | Wiederverwendbare Abläufe: Alignment, Tests, Task-Split | Bei /xxx oder wenn Claude es für nötig hält |
| Claude Code Built-ins | Offiziell: Code Review, Debug-Loop | /code-review, /debug usw. |
Praxis: Rules = Grenzen, Skills = Prozess. Rule: „Kein force push“. Skill /git-guardrails-claude-code blockiert gefährliche Git-Befehle im Moment der Ausführung.
2. Ein-Klick-Installation: Befehl kopieren, Terminal einfügen
Kein manuelles Herunterladen. Die Community nutzt die skills CLI (npx skills): synchronisiert GitHub-Pakete ins Claude-Code-Verzeichnis (Cursor, Codex ebenfalls).
Auf skills.sh steht auf jeder Skill-Karte der kopierbare npx skills add ...-Befehl — identisch mit diesem Artikel.
2.1 Allgemeines Befehlsformat
# Einzelnen Skill installieren (global + ohne Bestätigung + Claude Code)
npx skills add owner/repo@skill-name -g -y -a claude-code
# Ganzes Paket (interaktiv oder mit --all)
npx skills add owner/repo -g -y -a claude-code
# Nur aktuelles Projekt (Team committet .claude/skills/)
npx skills add owner/repo@skill-name -y -a claude-code2.2 Wichtige Parameter
| Parameter | Bedeutung |
|---|---|
-g, --global | Nach ~/.claude/skills/ — alle Projekte |
-y, --yes | Bestätigung überspringen — für Skripte |
-a claude-code | Nur Claude Code (auch cursor, codex möglich) |
-s skill-name | Nur einen Skill aus großem Paket |
--copy | Kopieren statt Symlink (manche Umgebungen) |
3. Ebene 0: Meta-Skills (diese zwei zuerst)
Hier geht es nicht ums Coden, sondern ums Finden und Erstellen von Skills. Zuerst installieren — dann brauchen Sie diesen Artikel seltener als Nachschlagewerk.
find-skills — Skills-App-Store
Wofür: In Claude Code suchen und installieren Sie Skills von skills.sh — ohne Browser und Copy-Paste zwischen Tabs.
Wann: Sie wollen z. B. Security-Audit- oder SEO-Skills, kennen aber den Repo-Namen nicht; oder alle paar Monate neue Skills nachziehen.
Ein-Klick: Befehl unten kopieren (wie auf skills.sh).
npx skills add vercel-labs/skills@find-skills -g -y -a claude-codeskill-creator — Scaffold für eigene Skills
Wofür: Führt Sie im Anthropic-Format durch das Schreiben eines team-eigenen Skills (Release-Prozess, Review-Checkliste). Intern oder auf GitHub veröffentlichen.
Wann: Sie erklären Claude wöchentlich denselben Ablauf und wollen daraus /our-deploy machen.
Ein-Klick: Befehl unten kopieren.
npx skills add anthropics/skills@skill-creator -g -y -a claude-code4. Ebene 1: Engineering-Disziplin (mattpocock/skills)
mattpocock/skills hat sechsstellige GitHub-Stars. Matt Pocock (Total TypeScript) hat seine Alltags-Workflows open sourced. Kern: Kein „sofort coden ohne Verstehen“, keine 500 Zeilen ohne Tests, kein 50-Dateien-Patch.
Wenn Sie nur ein Drittanbieter-Paket nehmen: dieses. Unten in Reihenfolge „Anforderung → Lieferung“ — erst Nutzen verstehen, dann einzeln installieren.
Ganzes Paket
Ganzes Paket: Befehl kopieren; danach unbedingt /setup-matt-pocock-skills ausführen.
npx skills add mattpocock/skills -g -y -a claude-codeNach der Installation unbedingt /setup-matt-pocock-skills im Repo-Root: GitHub oder Linear, Team-Terminologie, Doku-Pfade. Ohne diesen Schritt passen Issue-Splits oft nicht zur Team-Kultur.
4.1 Anforderungs-Alignment — vor dem Coden
| Befehl | Wofür | Typisches Szenario |
|---|---|---|
/grill-me |
Nachfragen wie ein Senior: Grenzfälle, Fehler, Akzeptanzkriterien. Kein Code, bis Klarheit da ist. | Neues Feature, Kernlogik — Anforderung noch ein Satz |
/grill-with-docs |
Konsens in CONTEXT.md und ADRs — Team-Slang bleibt erhalten. |
KI soll „wir nennen das XXX“ dauerhaft kennen |
/to-prd |
Anforderung als PRD + GitHub-Issue automatisch. | Nach Abstimmung mit PM — für das Team dokumentieren |
/to-issues |
PRD in vertikal geschnittene Issues — kein „Frontend Woche 1, Backend Woche 2“. | Sprint-Planung oder Issue-für-Issue mit KI |
4.2 Coden & Qualität — prüfbar, rollback-fähig
| Befehl | Wofür | Typisches Szenario |
|---|---|---|
/tdd |
Failing Test → minimaler Code → Refactor. Keine 300 Zeilen, die nicht laufen. | Business-Logik, Bugs, testbare Module |
/diagnose |
Reproduzieren → eingrenzen → Hypothese → verifizieren → fixen → Regression. | Heisenbugs, Performance, Concurrency |
/improve-codebase-architecture |
Scan: unscharfe Grenzen, Naming, fehlende Splits — Refactoring-Vorschläge. | Vor Release oder zweiwöchentlicher Architektur-Check |
/git-guardrails-claude-code |
force push, hard reset abfangen — kein versehentliches History-Löschen. | Prod-Branches; Teams mit „KI hat main zerstört“-Trauma |
4.3 Effizienz & Zusammenarbeit
| Befehl | Wofür | Typisches Szenario |
|---|---|---|
/caveman |
Ultra-kurze Antworten — ~75 % weniger Tokens. | Lange Sessions, Kosten, nur Ergebnis ohne Erklärung |
/handoff |
Kontext, Fortschritt, Offenes als Übergabe-Dokument. | Halbtags-Work oder Wechsel Claude Code → Cursor |
/setup-matt-pocock-skills |
Setup-Wizard nach Erstinstallation. Pflicht nach Vollpaket. | Direkt nach mattpocock/skills |
Alltags-Kette: /grill-with-docs alignen → /to-issues zerlegen → pro Issue /tdd implementieren. Details: mattpocock-Tiefenartikel.
Einzel-Skills: Nur eine Zeile kopieren (Format wie auf skills.sh).
npx skills add mattpocock/skills@grill-me -g -y -a claude-code
npx skills add mattpocock/skills@tdd -g -y -a claude-code
npx skills add mattpocock/skills@to-issues -g -y -a claude-code5. Ebene 2: Subagent-Orchestrierung (obra/superpowers)
obra/superpowers löst ein anderes Problem: Task zu groß — ein Agent verliert den Faden. Planen, an Subagents verteilen, parallel, am Ende abnehmen — wie Projektleitung statt Ein-Mann-Betrieb.
Abgrenzung: mattpocock = tägliche Coding-Disziplin; superpowers = große Anforderungen zerlegen & parallelisieren. Beides zusammen sinnvoll.
Vollpaket
Ein-Klick: Befehl unten kopieren.
npx skills add obra/superpowers -g -y -a claude-code| Befehl | Wofür | Typisches Szenario |
|---|---|---|
/brainstorming |
Optionen, Pro/Contra, Risiken — bevor „Admin bauen“ direkt Code produziert. | Unklare Anforderung, Tech-Wahl, Multi-Modul-Projekt |
/writing-plans |
Schritt-für-Schritt-Plan: Was, Abhängigkeiten, Abnahme. | Richtung steht — trackbare Task-Liste |
/subagent-driven-development |
Subtasks an mehrere Subagents parallel — Hauptagent merged. | Große, unabhängige Module — kürzere Gesamtzeit |
/test-driven-development |
Alternative TDD-Route — ähnlich /tdd, eins reicht oder mischen. |
Implementierung von Tests getrieben |
/systematic-debugging |
Belege sammeln → Hypothesen verwerfen → Root Cause — kein „eine Zeile probieren“. | Schwere Bugs, Prod, Cross-Service |
/verification-before-completion |
Vor „fertig“: Tests laufen, Checkliste. Gegen vorzeitigen Sieg. | Kein blindes AI-Abschließen |
/requesting-code-review |
Review-Anfrage: Was, warum, Fokus für Kollegen. | Vor dem PR oder KI-Self-Check |
Reifer Spec-Prozess im Team? Nicht zwingend Vollpaket — nur /verification-before-completion lohnt oft schon.
6. Ebene 3: Frontend & Design (Anthropic + Vercel)
Klassische KI-UI: läuft, sieht aber nicht nach Produkt aus. Diese Skills binden Visuelles, Interaktion, Framework-Nutzung ein.
6.1 Anthropic Official
| Skill | Wofür | Wann installieren? |
|---|---|---|
frontend-design |
UI nach Spec: Farben, Abstände, Typo, States — weniger „Entwickler-Ästhetik“. | Web, Landing, Admin — wenn Optik zählt |
webapp-testing |
Claude klickt wirklich durch die App — nicht „sollte passen“. | Nach UI-Änderungen — Smoke-Test |
pdf / docx / pptx / xlsx |
Office & PDF lesen/schreiben nach Formatregeln. | Reports, Verträge, Slides im Projekt |
Ein-Klick (Anthropic-Paket):
npx skills add anthropics/skills@frontend-design -g -y -a claude-code
npx skills add anthropics/skills@webapp-testing -g -y -a claude-code
npx skills add anthropics/skills@pdf -g -y -a claude-code6.2 Vercel: React / Next.js richtig
| Skill | Wofür | Wann installieren? |
|---|---|---|
vercel-react-best-practices |
Vercel-React-Patterns: Komponenten, State, Performance, App Router. | React/Next — kein veralteter KI-Code |
web-design-guidelines |
Check: A11y, Responsive, Kontrast, Feedback. | Pre-Launch UI, Design-QA |
vercel-react-native-skills |
React Native / Expo — Patterns & Fallstricke. | Cross-Platform App, Expo |
deploy-to-vercel |
Deploy-Schritte: Env, Build, Domain. | Hosting auf Vercel — KI soll deployen |
Ein-Klick (Vercel Best Practices):
npx skills add vercel-labs/agent-skills@vercel-react-best-practices -g -y -a claude-code
npx skills add vercel-labs/agent-skills@web-design-guidelines -g -y -a claude-code6.3 Browser-Automatisierung — echtes Klicken
agent-browser und playwright-cli steuern einen echten Browser: öffnen, klicken, Screenshot, Console. Für E2E und „UI durchklicken“.
Ein-Klick (Browser / E2E):
npx skills add vercel-labs/agent-browser -g -y -a claude-code
npx skills add microsoft/playwright-cli -g -y -a claude-codeMit shadcn/ui optional: npx skills add shadcn/ui@shadcn -g -y -a claude-code (kopieren & ausführen).
7. Ebene 4: Nach Tech-Stack wählen
Nicht für jeden — nur was Sie nutzen, damit die Slash-Liste nicht explodiert.
| Szenario | Skill | Wofür |
|---|---|---|
| Supabase / Postgres Backend | supabase-postgres-best-practices |
SQL, RLS, Indizes, Migrationen nach Supabase-Empfehlung |
| Firebase Full-Stack | firebase-basics u. a. |
Auth, Hosting, Firestore standardkonform |
| Convex Realtime | convex-quickstart |
Schema, Mutations, Queries, Deploy |
| Eigenes Login | better-auth-best-practices |
Session, OAuth mit better-auth |
| Scraping / Daten | firecrawl |
Webseiten crawlen & parsen — RAG, Datensammlung |
| Error Tracking | sentry-cli |
Sentry, Fehler, Releases für die KI |
| Marketing / SEO | seo-audit |
Title, Meta, Struktur für SEO-Basics |
Beispiel-Installation (Stack anpassen):
npx skills add supabase/agent-skills@supabase-postgres-best-practices -g -y -a claude-code
npx skills add firecrawl/cli@firecrawl -g -y -a claude-codeNative iOS-Entwicklung: Claude Code ersetzt kein Xcode. System-Agent-Änderungen: „Xcode 27 Agent & iOS-Entwicklung“; Builds weiterhin mit xcodebuild auf macOS.
8. Drei empfohlene Bundles (Block kopieren & ausführen)
Nicht einzeln wählen? Rolle wählen — jeweils mit Warum diese Kombination.
8.1 Solo-Entwickler · Minimum
Für: Indie, kleine Projekte, Claude-Code-Einstieg.
Logik: Skills finden + vor Coden alignen + TDD + UI nicht hässlich.
Ganzen Block kopieren: alle Zeilen auf einmal einfügen.
npx skills add vercel-labs/skills@find-skills -g -y -a claude-code
npx skills add mattpocock/skills@grill-me -g -y -a claude-code
npx skills add mattpocock/skills@tdd -g -y -a claude-code
npx skills add mattpocock/skills@setup-matt-pocock-skills -g -y -a claude-code
npx skills add anthropics/skills@frontend-design -g -y -a claude-code8.2 Full-Stack · Standard
Für: React/Next im Alltag, mittlere Komplexität.
Logik: mattpocock komplett + superpowers gegen vorzeitiges „fertig“ + Vercel-Frontend + Browser-Tests.
Ganzen Block kopieren:
npx skills add vercel-labs/skills@find-skills -g -y -a claude-code
npx skills add mattpocock/skills -g -y -a claude-code
npx skills add obra/superpowers@brainstorming -g -y -a claude-code
npx skills add obra/superpowers@verification-before-completion -g -y -a claude-code
npx skills add vercel-labs/agent-skills@vercel-react-best-practices -g -y -a claude-code
npx skills add vercel-labs/agent-skills@web-design-guidelines -g -y -a claude-code
npx skills add anthropics/skills@webapp-testing -g -y -a claude-code8.3 Tech Lead · Disziplin + Orchestrierung + Safety
Für: Team-Standards, Git-Risiko.
Logik: Engineering-Vollpaket + superpowers + Git-Guardrails + eigene Team-Skills schreiben.
Ganzen Block kopieren:
npx skills add mattpocock/skills -g -y -a claude-code
npx skills add obra/superpowers -g -y -a claude-code
npx skills add mattpocock/skills@git-guardrails-claude-code -g -y -a claude-code
npx skills add anthropics/skills@skill-creator -g -y -a claude-code
npx skills add mattpocock/skills@write-a-skill -g -y -a claude-codeTeam nutzt auch Cursor? -a claude-code → -a claude-code,cursor — ein Paste für beide Tools.
9. Nach der Installation prüfen
- Verzeichnis: Global unter
~/.claude/skills/— Ordner mitSKILL.md. - Slash-Completion: Neue Session,
/— Skills wiegrill-me,tddsichtbar. - Echter Durchlauf: Auf Feature-Branch
/grill-me— Nachfragen statt sofort patchen. - mattpocock:
/setup-matt-pocock-skills— CONTEXT-Pfad wie vereinbart. - Supply Chain: Nur nachvollziehbare GitHub-Quellen; bei Unbekanntem Stars, History und
SKILL.mdauf verdächtige Skripte prüfen.
Claude Code mit lokalem Ollama für API-Sparen? Skills gelten unabhängig vom Modell. Setup: „Claude Code + Ollama lokaler Agent-Workflow“.
10. Anti-Pattern: Wann nicht alles installieren
- Hotfix <50 Zeilen: Akzeptanzkriterium reicht — kein voller
/grill-me-Lauf. - Spec-Kit / interner Prozess läuft: Nur
/tdd,/diagnose— keine Prozess-Schichtung. - Niemand pflegt CONTEXT.md: Erst Doku-Verantwortlichen benennen, dann
/grill-with-docs. - 50+ Skills ungenutzt: Slash-Liste voll, falsche Skill-Wahl wahrscheinlicher.
- Fokus IM-Bot / Cron: OpenClaw-Gateway-Skills statt mattpocock-Engineering-Paket.
Install-Zahlen im Ranking = „viele haben probiert“, nicht „Ihr Repo braucht es heute“. Quartalsweise find-skills oder skills.sh reicht — nicht die ganze Top-Liste.
FAQ
Was ist der Unterschied zwischen Claude Code Skills und Cursor Rules?
Rules = Hausordnung, immer im Kontext. Skills = Abläufe on demand per /befehl. Rule: „Tests Pflicht“; Skill /tdd führt Schritt für Schritt durch failing test → Implementierung.
Muss ich Claude Code nach Skill-Installation neu starten?
Via npx skills add meist sofort aktiv; bei manuellem Kopieren nach ~/.claude/skills/ Session neu starten.
Was ist der Unterschied zwischen -g und ohne -g?
-g = global in ~/.claude/skills/ (alle Projekte); ohne -g = .claude/skills/ im Projekt — für Git-Teams.
Welche drei Skills zuerst?
Meist find-skills, grill-me (oder grill-with-docs), tdd; bei großen Features superpowers brainstorming + verification-before-completion.
Funktionieren Skills in Cursor?
Ja. -a cursor oder -a claude-code,cursor — ein npx-Befehl für beide.
Verlangsamen zu viele Skills Claude Code?
Metadaten in der Liste, volle Anweisungen erst bei Trigger. Schrittweise installieren und mit echten Tasks testen.
Fazit
2026 sind Skills der günstigste Hebel, um aus „kann coden“ „codet mit Engineering-Disziplin“ zu werden. skills.sh macht Installation zu einer Zeile npx skills add; dieser Artikel ordnet Meta → Disziplin → Orchestrierung → Frontend → Stack in fünf Ebenen — plus drei Paste-Bundles.
- Für alle:
find-skills+ mattpocockgrill-me/tdd+setup-matt-pocock-skills. - Große Features: superpowers
brainstorming,subagent-driven-development,verification-before-completion. - UI:
anthropics/skills@frontend-design+ Vercel React Best Practices. - Pflege:
find-skillsoder Ranking — nicht ungenutzte Skills stapeln.
Skills strukturieren Zusammenarbeit; für stabiles macOS bei iOS-Builds oder 24×7-Agents: Macstripe-Startseite — dedizierte M4 Mac Mini. Mehr Praxis im Entwicklerblog.
Weiterführende Artikel
- GitHub-Hype! mattpocock/skills definiert KI-Programmierung neu
- Lokalen KI-Agent auf dem M4 Mac Mini: ~80 % weniger API-Kosten
- WWDC26: Xcode 27 Agent macht ernst — iOS-Entwicklung ändert sich grundlegend
- Cursor übersieht das Frontend bei API-Änderungen? CodeGraph-Lösung
- 2026 AI-Programmierkosten-Ranking: Claude, Codex, Cursor, Gemini
