Mein Claude Code Setup.

Skills werden automatisch geladen wenn das Thema passt. Sie machen den Unterschied zwischen generischem AI-Output und professionellem Ergebnis. Installiert werden sie mit einem einzigen Befehl im Terminal.

# Superpowers — Kompletter Entwicklungs-Workflow:
# Brainstorming, Planung, TDD, Debugging, Code Review. 40k+ GitHub Stars.
npx skills add obra/superpowers

# Frontend Design — Erstellt hochwertige UI-Komponenten mit echtem Design.
# Verbietet generischen AI-Look.
npx skills add anthropics/skills --skill frontend-design

# Web Design Guidelines — Prüft UI-Code gegen 100+ Regeln:
# Accessibility, Responsive Design, WCAG. 22k Stars.
npx skills add vercel-labs/agent-skills --skill web-design-guidelines

# React Best Practices — 57 Performance-Regeln für Next.js:
# Server Components, Bundle-Optimierung, Data Fetching.
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices

# Dokumente (PDF/DOCX/XLSX/PPTX) — Erstellt und bearbeitet PDFs,
# Word-Dokumente, Spreadsheets und Präsentationen direkt.
npx skills add anthropics/skills --skill pdf
# (auch: docx, xlsx, pptx)

# Webapp Testing — Testet Web-Apps im echten Browser mit Playwright.
# Login-Flows, Formulare, Fehler finden.
npx skills add anthropics/skills --skill webapp-testing

# Trail of Bits Security — Professionelle Security-Analyse:
# CodeQL, Semgrep, Schwachstellen finden wie ein Auditor.
npx skills add trailofbits/skills

# Skill Creator — Erstellt neue Skills durch geführte Fragen.
# Generiert das komplette SKILL.md für dich.
npx skills add anthropics/skills --skill skill-creator

npx skills add obra/superpowers
npx skills add anthropics/skills --skill frontend-design --skill pdf --skill docx --skill xlsx --skill pptx --skill webapp-testing --skill skill-creator
npx skills add vercel-labs/agent-skills --skill web-design-guidelines --skill vercel-react-best-practices
npx skills add trailofbits/skills

MCPs verbinden Claude mit Datenbanken, APIs und Browsern. Claude kann damit direkt Aktionen ausführen statt nur Code zu schreiben. Konfiguration in .mcp.json im Projektordner.

Supabase     Datenbank direkt aus Claude: SQL ausführen,
             Tabellen erstellen, Migrations, Edge Functions
             deployen.

Playwright   Browser fernsteuern: Websites öffnen, klicken,
             Formulare ausfüllen, Screenshots. Testing & Scraping.

Perplexity   Web-Recherche mit AI: Fakten prüfen, News finden,
             Quellen mit Zitaten. Vier Modi:
             Search/Ask/Research/Reason.

Context7     Aktuelle Dokumentation jeder Library abrufen.
             Kein veraltetes Wissen — immer die neueste API.

sevdesk      Buchhaltung: Kontakte anlegen, Angebote und
             Rechnungen erstellen, Zahlungen verwalten.

Miro         Whiteboards: Boards, Sticky Notes, Shapes,
             Diagramme, Mindmaps. Visuelles Arbeiten direkt
             aus dem Chat.

Tally        Formulare erstellen und Submissions abrufen.
             Für Umfragen, Kontaktformulare, Bewerbungen.

Die CLAUDE.md ist die wichtigste Datei in deinem Projekt. Claude liest sie am Anfang jeder Session — wie ein Briefing für einen neuen Entwickler. Hier stehen Projekt-Regeln, Tech-Stack, Konventionen und alles was Claude wissen muss.

# Tipp /init in Claude Code und Claude analysiert dein Projekt,
# erkennt den Tech-Stack und erstellt eine passende CLAUDE.md
# mit Regeln und Konventionen.
/init

Hast du einen Prozess, den du immer wieder machst? Mach einen Skill daraus. Claude führt ihn dann jedes Mal gleich aus — konsistent, ohne dass du alles neu erklären musst. Zwei Wege.

Erstelle mir einen neuen Skill mit dem Skill Creator.
Der Skill soll [BESCHREIBUNG]. Er soll immer automatisch
geladen werden wenn ich [TRIGGER-WORT] sage.

# Erstelle eine .md-Datei in .claude/skills/ (Projekt)
# oder ~/.claude/skills/ (global). Prompt:
Erstelle einen Skill in .claude/skills/mein-workflow.md
Name: [NAME]
Trigger: Wenn ich "[TRIGGER]" sage
Der Skill soll folgende Schritte ausfuehren:
1. [SCHRITT 1]
2. [SCHRITT 2]
3. [SCHRITT 3]