13. September 2026 · Von YasKad
ChrisWiles/claude-code-showcase

claude-code-showcase: die kopierfertige Konfiguration, die als Hacker-News-Kommentar begann

ChrisWiles/claude-code-showcase · 6.074★ · 577 forks

Eine „kopierfertige” Beispielkonfiguration für Claude Code: Projektgedächtnis, Hooks, Skills, Agenten, Befehle, MCP-Server und GitHub-Actions-Workflows, alles in einem einzigen Repository.

Klarstellung zur Begriffsverwirrung: Das Repository heißt schlicht claude-code-showcase und sollte nicht mit der Fülle an generischem YouTube-Inhalt namens „Claude Code Tutorial/Course” verwechselt werden, noch mit dem Projekt obra/superpowers (eine Skills-Methodik) oder den awesome-claude-code-Listen. Dieser Bericht dokumentiert ausschließlich das Repository ChrisWiles/claude-code-showcase, ein konkretes Beispiel für eine Projektkonfiguration, kein installierbares Paket oder Framework.

Ein eindrucksvolles Cyberpunk-Kommandozentrums-Visual, das ein GitHub-Repository für eine Claude-Code-Konfigurations-Showcase darstellt, im dunklen Modus mit tiefen obsidianfarbenen Hintergründen und leuchtenden Neon-Cyan-, elektrisch-violetten und sanften Bernstein-Akzenten, im Zentrum zeigt ein großes holografisches Terminalfenster den Titel claude-code-showcase in scharfer Monospace-Typografie, umgeben von schwebenden durchscheinenden Panels beschriftet mit CLAUDE.md, .claude/settings.json, skills, agents, commands, .mcp.json und GitHub Actions, um das Terminal kreisen miteinander verbundene leuchtende Knoten, die ein neuronales Netzwerk bilden: ein Dokumentsymbol für das Projektgedächtnis, ein Zahnradsymbol für Hooks, eine sechseckige Plakette für wiederverwendbare Skills, eine humanoide KI-Silhouette für spezialisierte Agenten, ein Slash-Befehl-Symbol für /ticket, ein Steckersymbol für MCP-Server, und ein Pipeline-Symbol für geplante Workflows, subtile Code-Fragmente, TypeScript-Symbole, JSON-Klammern und Git-Branch-Linien treiben durch die Szene, die Komposition fühlt sich an wie ein futuristischer Entwicklerarbeitsplatz, präzise, modular und lebendig mit Automatisierung, gerendert in ultra-detaillierter 8K-Auflösung mit kinematografischer Tiefenschärfe, volumetrischem Neon-Glühen, glasmorphen Panels und einer sauberen Cyberpunk/Tech-Ästhetik

Ursprung

Das Repository wurde am 6. Januar 2026 von Christopher Wiles (ChrisWiles) erstellt, einem Full-Stack-Entwickler mit Fokus auf das React/Node-Ökosystem, mit einem GitHub-Konto seit 2014 und Wohnsitz in Austin, Texas, laut seinem Profil. Der gesamte Inhalt wurde am selben Tag veröffentlicht: Die 4 Commits des Repositorys (der initiale und ein zweiter „feat: add MCP servers, LSP support, and /ticket command”) sind vom 6. Januar 2026 datiert, zwischen 18:50 und 19:05 UTC, und der einzige registrierte Beitragende ist der Autor selbst.

Der narrative Auslöser wurde auf Hacker News dokumentiert. Im Thread 46515696 — „Opus 4.5 is not the normal AI agent experience that I have had thus far”, veröffentlicht von tbassetto und der 879 Punkte und 123 Kommentare erreichte — schrieb der Nutzer OldGreenYodaGPT am 6. Januar 2026 um 18:13 UTC (Kommentar id 46516157) einen langen Text, der beschreibt, wie sein Team Claude Code mit Skills, Code-Review-Agenten, geplanten GitHub-Workflows und Ticket-Triage nutzt. Der Kommentar endet mit der Notiz „Edit: made an example repo for ya” und verlinkt direkt auf das Repository. Die erste Zeile dieses Kommentars — „Most software engineers are seriously sleeping on how good LLM agents are right now, especially something like Claude Code” — ist wortwörtlich die Eröffnungszeile des READMEs, was bestätigt, dass das Repository die Materialisierung jenes Kommentars ist.

Zwei Anekdoten geben der Entstehungsgeschichte Farbe: Der Autor selbst gibt zu, dass er den Kommentar per Spracherkennung diktierte und Claude umformulieren ließ („used voice to text then had claude reword, I am lazy and not gonna hand write it all for yall sorry!”), und der Kommentar endete mit einer alarmistisch klingenden Prophezeiung: „There is so much low-hanging fruit here that it honestly blows my mind people aren’t all over it. 2026 is going to be a wake-up call.”

Vorbehalt zur Identität: Der Hacker-News-Nutzer ist OldGreenYodaGPT, nicht ChrisWiles. Die Zuschreibung zu Christopher Wiles ist abgeleitet und keine direkte Kontoverifizierung: Die wörtliche Textübereinstimmung zwischen Kommentar und README, der exakte Link zum Repository und das identische Datum machen es praktisch sicher, dass es dieselbe Person ist, aber es gibt keine explizite Erklärung des Autors, die beide Handles verbindet.

Eine kinematografische dunkle Cyberpunk-Ursprungsszene, die einen Hacker-News-Kommentar zeigt, der sich in ein GitHub-Repository verwandelt, in einem cyberpunk-artigen Informationsraum, links zeigt ein leuchtendes Kommentar-Thread-Panel einen langen Textblock mit hervorgehobenen Sätzen über LLM-Agenten, Claude Code, Skills, Code-Review-Agenten, GitHub-Workflows und Ticket-Triage, eine Sprache-zu-Text-Wellenform pulsiert darüber, was andeutet, dass der Kommentar diktiert und von einer KI umformuliert wurde, rechts kristallisiert sich der Kommentar zu einer Repository-Oberfläche mit dem Namen claude-code-showcase, mit Commit-Historie, einer Silhouette eines einzelnen Beitragenden, einer Datumsmarkierung für den 6. Januar 2026, und einer kleinen Bearbeitungsnotiz: made an example repo for ya, zwischen dem Kommentar und dem Repository verbindet sie eine Brücke aus Neon-Code-Partikeln, Git-Commits und README-Fragmenten, die Szene verwendet dunkle Obsidian-Töne, Neon-Cyan, Magenta und warmen Bernstein, mit volumetrischem Glühen, Glaspaneelen, ultra-detaillierter 8K-Auflösung, und einer polierten Cyberpunk/Tech-Ästhetik

Philosophie und Prinzipien

Das README formuliert keine Prinzipien als formale Liste, aber seine einleitende Argumentation fasst die Philosophie des Projekts zusammen: der „echte Durchbruch” ist ein solides Set wiederverwendbarer Skills plus ein paar Agenten („The real unlock is building a solid set of reusable “skills” plus a few “agents” for the stuff you do all the time.”). Die Kernidee ist, dass ein unkonfiguriertes Claude Code ein Teamkollege mit Superkräften ist, aber ohne Kenntnis Ihrer Konventionen; mit Skills „already matches our patterns and standards out of the box”.

Weitere Säulen: Automatisierung von Wiederholungsarbeit mit Hooks (Code formatieren, Tests laufen lassen, wenn sich eine Testdatei ändert, TypeScript-Typprüfung und das Blockieren von Bearbeitungen am main-Branch sollten automatisches Verhalten sein, keine menschliche Erinnerung); Wartung „im Autopilot” halten (der Großteil der Qualitäts- und Wartungsarbeit wird an Agenten delegiert, die über GitHub Actions geplant sind); und das Ticketsystem als Quelle der Wahrheit integrieren (über MCP-Server kann Claude ein Ticket lesen, Akzeptanzkriterien verstehen, implementieren, den Ticketstatus aktualisieren und neue Tickets erstellen, wenn es Bugs findet).

In der Praxis ist die Philosophie die einer Best-Practices-Vorlage: Sie liefert kein Modell und keine Runtime, sondern eine Verzeichnis- und Dateistruktur, die der Nutzer in seinem eigenen Projekt repliziert.

Wie es funktioniert

Das Repository modelliert die Struktur eines für Claude Code konfigurierten React/TypeScript-Projekts.

CLAUDE.md (Projektgedächtnis): wird automatisch beim Sitzungsstart geladen. Es dokumentiert den Stack, Schlüsselbefehle (npm test, npm run lint, npm run build), Verzeichnisse, Codestil (striktes TypeScript, interface gegenüber type bevorzugen, any verbieten), Git-Konventionen (Branch-Namen {Initialen}/{Beschreibung}, Conventional Commits) und kritische Regeln (Fehlerbehandlung, UI-Zustände, Mutationen). Das README dokumentiert drei Orte mit Vorrangreihenfolge: .claude/CLAUDE.md, ./CLAUDE.md und ~/.claude/CLAUDE.md (Benutzerebene).

Eine dunkle Cyberpunk-Illustration des Projektgedächtnisses in einer Claude-Code-Konfiguration, zentriert auf ein leuchtendes schwebendes Dokument mit der Bezeichnung CLAUDE.md und einem leuchtenden cyanfarbenen Rand, das Dokument entfaltet sich in geschichtete durchscheinende Seiten, die strukturierte Informationen zeigen: Stack-Details, npm-Befehle, strikte TypeScript-Regeln, Git-Branch-Namenskonventionen, Fehlerbehandlungsrichtlinien, UI-Zustandsmuster und Projektverzeichniskarten, darum schweben drei kleinere Gedächtnisebenen: .claude/CLAUDE.md, ./CLAUDE.md und ~/.claude/CLAUDE.md, verbunden durch Prioritätspfeile, die die Ladereihenfolge anzeigen, der Hintergrund ist ein elegantes Terminalraster mit schwachem Monospace-Text, Klammersymbolen und subtilen Neon-Reflexionen auf einer dunklen Glasoberfläche, die Stimmung ist präzise und autoritativ, wie eine intelligente Projektverfassung, mit elektrisch-blauen und violetten Akzenten, ultra-detailliertem 8K-Rendering, sauberer Cyberpunk/Tech-Ästhetik, volumetrischer Beleuchtung und hochauflösender holografischer UI

.claude/settings.json (Hooks und Umgebung): definiert Umgebungsvariablen (INSIDE_CLAUDE_CODE, BASH_DEFAULT_TIMEOUT_MS) und die Hooks. Die dokumentierten Ereignisse sind PreToolUse, PostToolUse, UserPromptSubmit und Stop. Das Beispiel enthält einen PreToolUse (Matcher Edit|MultiEdit|Write), der Bearbeitungen am main-Branch blockiert und eine Nachricht zurückgibt, die zur Erstellung eines Feature-Branches auffordert; einen PostToolUse, der JS/TS mit npx prettier --write automatisch formatiert, Abhängigkeiten automatisch installiert, wenn sich package.json ändert, verwandte Tests ausführt, wenn sich eine *.test.*-Datei ändert, und TypeScript mit npx tsc --noEmit typprüft; und einen UserPromptSubmit, der das Skill-Bewertungssystem (skill-eval.sh) auslöst.

Eine futuristische Automatisierungs-Pipeline, die Claude-Code-Hooks in einem dunklen Cyberpunk-Arbeitsbereich visualisiert, zeigt ein leuchtendes Förderband von Entwickleraktionen, das durch Phasen wandert, beschriftet mit PreToolUse, PostToolUse, UserPromptSubmit und Stop, in der PreToolUse-Phase blockiert ein neonrotes Tor einen Bearbeitungsversuch am main-Branch, zeigt eine Warnplakette und eine Nachricht, die zur Erstellung eines Feature-Branches drängt, in der PostToolUse-Phase verarbeiten vier parallele leuchtende Maschinen Änderungen: ein Prettier-Formatierersymbol, ein npm-Installationspaket, ein Testläufer mit Häkchen, und ein TypeScript-Compiler-Symbol mit --noEmit-Text, Terminalprotokolle scrollen sanft im Hintergrund, mit Regex-Mustern, Dateipfaden und JSON-Konfigurationsfragmenten, die wie Partikel treiben, die Szene verwendet dunklen Modus, Neon-Cyan, Magenta und Bernstein-Akzente, Glaspaneele, schaltkreisartige Pfade, und ultra-detaillierte 8K-Auflösung, vermittelt automatische Qualitätskontrolle und Entwicklersicherheit

.claude/skills/ (Domänenwissen): sechs Skills mit jeweils einer SKILL.md: testing-patterns (Jest, TDD, Fabrikfunktionen, Mocking), systematic-debugging (vierphasige Debugging-Methodik), react-ui-patterns (Lade-/Fehler-/Leer-Zustände, GraphQL-Hooks), graphql-schema (Queries, Mutations, Codegen), core-components (Design-System, Tokens) und formik-patterns (Formulare, Validierung, Absenden). Jede SKILL.md verwendet Frontmatter mit name und description (das Feld, das Claude nutzt, um zu entscheiden, wann der Skill angewendet wird) und Standardabschnitte „When to Use / Core Patterns / Anti-Patterns / Integration”.

Eine detaillierte dunkle holografische Anzeige wiederverwendbarer Claude-Code-Skills, angeordnet als sechs schwebende sechseckige Karten in einer Cyberpunk-Entwicklerschnittstelle, jede Karte ist beschriftet und mit Icons versehen: testing-patterns mit Jest- und TDD-Symbolen, systematic-debugging mit einer Lupe und Phasen-Zeitleiste, react-ui-patterns mit Icons für Lade-, Fehler-, Leer- und Erfolgszustände, graphql-schema mit Query- und Mutation-Klammern, core-components mit Design-Tokens und Komponentenblöcken, und formik-patterns mit Formularfeldern und Validierungsprüfungen, über den Karten zeigt ein Skill-Bewertungsmaschinen-Panel einen Prompt, der nach Schlüsselwörtern, Regex-Mustern, Dateipfaden, Verzeichnisübereinstimmungen und Absichtssignalen analysiert wird, mit Konfidenzwerten, die in Neon-Balken leuchten, der Hintergrund enthält schwache Code-Editoren, Terminal-Prompts und ein dunkles Raster, mit elektrisch-cyaner und violetter Beleuchtung, glasmorpher Tiefe, ultra-detaillierter 8K-Auflösung, und einer eleganten Cyberpunk/Tech-Ästhetik

.claude/agents/ (spezialisierte Agenten): code-reviewer.md (gründliche Überprüfung mit Checkliste: kein any, Fehlerbehandlung, UI-Zustände, Reihenfolge Error → Loading → Empty → Success) und github-workflow.md (Commits, Branches, PRs). .claude/commands/ (Slash-Befehle): /onboard, /pr-review, /pr-summary, /code-quality, /docs-sync und /ticket. Der Befehl /ticket orchestriert einen End-zu-End-Ablauf: Ticket per MCP lesen, Code erkunden, Branch erstellen, mit TDD implementieren, Ticket aktualisieren, PR erstellen und verknüpfen, und ein neues Ticket erstellen, falls ein Bug auftaucht.

Eine Cyberpunk-Szene, die spezialisierte Claude-Code-Agenten und Slash-Befehle als kollaborative KI-Operatoren in einem dunklen Missionskontrollraum darstellt, links erscheint ein code-reviewer-Agent als elegante durchscheinende humanoide Silhouette mit einem Checklisten-Hologramm: keine any-Typen, robuste Fehlerbehandlung, UI-Zustandsreihenfolge, Lade-/Fehler-/Leer-/Erfolgsmuster, und saubere Komponentenstruktur, rechts verwaltet ein github-workflow-Agent Git-Operationen mit schwebenden Branch-Icons, Commit-Symbolen, Pull-Request-Karten und Merge-Toren, in der Mitte zeigt eine leuchtende Slash-Befehl-Konsole /onboard, /pr-review, /pr-summary, /code-quality, /docs-sync und /ticket, der /ticket-Befehl wird als End-zu-End-Orchestrierungsablauf hervorgehoben: JIRA-Ticket zu Code-Erkundung zu Feature-Branch zu TDD-Implementierung zu Ticket-Aktualisierung zu Pull-Request zu verknüpftem Issue zu neuem Bug-Ticket, das Visual verwendet Neon-Cyan, tiefes Violett und Warn-Bernstein-Akzente, dunkle Glaspaneele, Terminal-Typografie, ultra-detailliertes 8K-Rendering, und eine polierte Cyberpunk/Tech-Ästhetik

Skill-Bewertungssystem (.claude/hooks/skill-eval.js + skill-rules.json): eine Engine, die jeden gesendeten Prompt analysiert (Schlüsselwörter, Regex-Muster, Dateipfade, Absicht) und vorschlägt, welche Skills aktiviert werden sollen, mit einem Konfidenzwert (keyword=2, keywordPattern=3, pathPattern=4, directoryMatch=5, intentPattern=4). .mcp.json (MCP-Integrationen): deklariert Server für JIRA, GitHub, Linear, Sentry, Postgres, Slack, Notion und Memory. LSP-Server: ermöglicht Echtzeit-Code-Intelligenz (Diagnostik, Typen, Navigation) über Plugins wie typescript-lsp, pyright-lsp und rust-lsp.

Eine dunkle Cyberpunk-Visualisierung von MCP-Server-Integrationen für ein Claude-Code-Projekt, zeigt ein zentrales Terminal, verbunden durch leuchtende Datenströme mit acht schwebenden Dienstknoten, beschriftet mit JIRA, GitHub, Linear, Sentry, Postgres, Slack, Notion und Memory, jeder Knoten hat ein eigenes holografisches Symbol: Ticket-Icons, Repository-Graphen, Projekttafeln, Fehlerverfolgungs-Panels, Datenbankzylinder, Chat-Blasen, Dokumentseiten und Langzeitgedächtniskerne, die Verbindungen pulsieren mit cyanem und violettem Licht, was Echtzeit-Kontextaustausch andeutet, im Hintergrund zeigt ein Konfigurationspanel .mcp.json mit JSON-Klammern, Servereinträgen und Umgebungsvariablen, die Szene fühlt sich an wie eine erweiterte Intelligenzschicht des Entwicklers, mit dunklen Glasoberflächen, subtilen regenähnlichen Code-Partikeln, Neon-Randbeleuchtung, ultra-detaillierter 8K-Auflösung, und einer sauberen Cyberpunk/Tech-Ästhetik

GitHub Actions (.github/workflows/): vier Workflows, die anthropics/claude-code-action@beta mit dem Modell claude-opus-4-5-20251101 verwenden:

WorkflowZeitplanFunktion
pr-claude-code-review.ymlPro PR / @claude-ErwähnungAutomatische PR-Überprüfung gegen die Agenten-Checkliste
scheduled-claude-code-docs-sync.ymlMonatlich (1.)Gleicht Dokumentation mit Codeänderungen ab
scheduled-claude-code-quality.ymlWöchentlich (Sonntag)Überprüft zufällige Verzeichnisse und korrigiert automatisch
scheduled-claude-code-dependency-audit.ymlZweiwöchentlich (1. und 15.)Aktualisiert Abhängigkeiten mit Testverifizierung

Ein futuristischer GitHub-Actions-Kontrollraum im dunklen Cyberpunk-Stil, der vier geplante und ereignisgesteuerte Claude-Code-Workflows darstellt, vier große holografische Workflow-Karten schweben in einer Reihe: pr-claude-code-review.yml ausgelöst durch Pull Requests und @claude-Erwähnungen, scheduled-claude-code-docs-sync.yml in einem monatlichen Zyklus, scheduled-claude-code-quality.yml in einem wöchentlichen Sonntagsscan, und scheduled-claude-code-dependency-audit.yml am 1. und 15., jede Karte zeigt eine kleine Roboter-Pipeline, Statuslichter, Kalendersymbole, Code-Diff-Fragmente, Abhängigkeitsgraphen und Testverifizierungs-Plaketten, ein zentraler Aktions-Runner beschriftet mit anthropics/claude-code-action@beta verbindet sich mit den Workflows, mit einer Modellplakette, die claude-opus-4-5-20251101 liest, der Hintergrund enthält dunkle Terminalraster, CI-Protokolle, Merge-Warteschlangen, und Neon-Schaltkreispfade, gerendert mit elektrisch-cyanen, violetten und bernsteinfarbenen Akzenten, ultra-detaillierter 8K-Auflösung, und einer eleganten Cyberpunk/Tech-Ästhetik

Das Ökosystem

Die weiteren Repositorys des Autors (Christopher Wiles)

Der Autor hat wenige relevante Beiträge über dieses Repository hinaus; die meisten seiner anderen Repos sind persönlich. Die mit derselben Denkweise verbundenen: ChrisWiles/how-we-build-now — ein Essay über KI-native Softwaretechnik („why verification became the constraint”), veröffentlicht im September 2026, der die These der Showcase teilt, dass Verifizierung und Tests der Engpass des agentischen Ablaufs sind (0 Sterne); und ChrisWiles/wiles-wiki — ein persönliches Wiki (Obsidian + obsidian-wiki-Skills + Quartz, auf GitHub Pages deployt, 1 Stern), das kein direkter Begleiter der Showcase ist. Die übrigen Repos des Autors (Pickleball-Leitfäden, Reiseitinerare, Aktienanalyse) haben keinen Bezug zu Claude Code.

Community-Ports und Forks

joeangel/gemini-showcase — 6 Sterne, erstellt am 12. Januar 2026. Ein Port zur Gemini CLI: „Comprehensive Gemini CLI project configuration with hooks, skills, agents, commands, and GitHub Actions workflows”. Er entstand als direkte Antwort auf Issue #1, wo nvictor fragte, wie man die Showcase auf Gemini CLI anpassen könne, und joeangel antwortete, indem er diesen Ausgangspunkt baute. Es ist der einzige nicht-idiomatische, verifizierbare Port, der in dieser Recherche gefunden wurde.

Kuratierte Listen, die es enthalten

ithiria894/awesome-claude-code-workflows — 120 Sterne, 26 Forks, erstellt am 23. März 2026. Eine kuratierte Liste von Workflow-„Rezepten”, die Hooks, MCP-Server, Skills, Agenten und CLAUDE.md kombinieren. Die Showcase ist dort gelistet, wie Issue #15 ankündigt, gerade weil sie „echte, funktionierende Workflow-Muster (nicht nur lose Werkzeuge)” demonstriert.

Angrenzende Projekte, die die Showcase erweitert oder von denen sie abhängt

anthropics/claude-code-action — 8.844 Sterne, 2.135 Forks, erstellt am 19. Mai 2025. Die offizielle GitHub Action von Anthropic, die alle Workflows der Showcase aufrufen (anthropics/claude-code-action@beta). Ohne dieses Projekt würden die geplanten Abläufe nicht funktionieren. modelcontextprotocol/servers — 90.241 Sterne. Das Repository offizieller MCP-Server des Model-Context-Protocol-Ökosystems, von dem sich die .mcp.json der Showcase inspirieren lässt (wenngleich mit einer wichtigen Nuance, die unter „Häufige Fallstricke” beschrieben wird).

Diese Zahlen stammen von der am 11. September 2026 konsultierten GitHub-API und sind keine Support- oder Qualitätsprüfung jedes Derivats.

Offizieller / halboffizieller Status

Die Showcase hat keinen offiziellen Status von Anthropic oder einem Anbieter. Sie erscheint in keinem offiziellen Plugin-Marktplatz, hat keine formale Lizenz und ist weder eine Spezifikation noch ein Paket. Was sie dokumentiert: verifizierbare Community-Aufnahme in die kuratierte Liste ithiria894/awesome-claude-code-workflows (Issue #15), gepflegt von der Community, nicht von einem Anbieter; Abhängigkeit von offiziellen Komponenten, da alle ihre CI-Abläufe die offizielle GitHub Action anthropics/claude-code-action nutzen und ihr MCP-Modell sich am modelcontextprotocol-Ökosystem orientiert; und eine De-facto-Übernahme als Vorlage, mit 6.062 Sternen in unter 8 Monaten und einem einzigen Autor, die als De-facto-Referenz dafür dient, „wie ein für Claude Code konfiguriertes React/TypeScript-Projekt aussehen sollte”. Keine konsultierte Quelle bezeichnet sie als formalen Standard, und das Fehlen einer Lizenz schränkt ihre Wiederverwendung rechtlich ein (siehe Fallstricke).

Schnellstart-Anleitung

Dieses Projekt ist eine Konfigurationsvorlage, kein installierbares Paket. Es gibt kein npm install der Showcase selbst: Der Ablauf besteht darin, sie zu klonen und die Konfigurationsdateien in Ihr eigenes Projekt zu kopieren.

Installation und erster Start

Voraussetzungen: Claude Code installiert und funktionsfähig, git, Node.js/npx, und (für die Workflows) die Variable ANTHROPIC_API_KEY, gespeichert in den Secrets des Repositorys. Das README schlägt die Zielstruktur vor:

your-project/
├── CLAUDE.md                      # Projektgedächtnis
├── .mcp.json                      # MCP-Server-Konfiguration
├── .claude/
│   ├── settings.json              # Hooks, Umgebung, Berechtigungen
│   ├── settings.local.json        # Persönliche Overrides (gitignored)
│   ├── agents/                    # Benutzerdefinierte Agenten
│   ├── commands/                  # Slash-Befehle
│   ├── hooks/                     # Hook-Skripte
│   └── skills/                    # Domänenwissen
└── .github/workflows/             # GitHub-Actions-Abläufe

Die minimale Struktur erstellen (Quick Start aus dem README):

mkdir -p .claude/{agents,commands,hooks,skills}

Danach: CLAUDE.md im Wurzelverzeichnis mit Stack, Befehlen, Verzeichnissen und Projektregeln hinzufügen; .claude/settings.json mit den Hooks (Formatierung, Tests, Branch-Schutz) hinzufügen; und Ihren ersten Skill in .claude/skills/<name>/SKILL.md hinzufügen. Beim ersten Start lädt Claude Code automatisch CLAUDE.md beim Sitzungsstart und wendet die Hooks aus settings.json auf jede Bearbeitung an.

Gängige Workflows

  • Ein JIRA/Linear-Ticket von Anfang bis Ende bearbeiten: /ticket PROJ-123 ausführen. Claude liest das Ticket per MCP, sucht verwandte Dateien, erstellt den Branch {Initialen}/{Ticket-ID}-{Beschreibung}, implementiert mit TDD, aktualisiert den Ticketstatus auf „In Review” und erstellt den verknüpften PR.
  • Automatisierte PR-Überprüfung: Beim Öffnen oder Synchronisieren eines PR führt der Workflow pr-claude-code-review.yml (oder eine @claude-Erwähnung) die Überprüfung gegen die Checkliste von .claude/agents/code-reviewer.md aus und veröffentlicht Feedback, gruppiert nach Schweregrad.
  • Wöchentlicher Qualitätsdurchlauf: scheduled-claude-code-quality.yml wählt zufällige Verzeichnisse unter src/, überprüft sie und korrigiert automatisch klare Probleme, wobei ein PR eröffnet wird, falls Änderungen vorgenommen wurden.
  • Monatliche Dokumentationssynchronisierung: scheduled-claude-code-docs-sync.yml liest die Commits der letzten 30 Tage, findet veraltete Dokumentation und korrigiert nur das, was defekt ist.

Wesentliche Konfiguration

Die 5 Dateien, die ein neuer Nutzer zuerst anfasst: CLAUDE.md (Projektgedächtnis), .claude/settings.json (Hooks und Umgebungsvariablen), .claude/skills/<name>/SKILL.md (Domänenwissen, wobei das description-Feld entscheidet, wann es aktiviert wird), .claude/hooks/skill-rules.json (Skill-Aktivierungsregeln) und .mcp.json (MCP-Server und ihre Umgebungsvariablen).

Häufige Fallstricke und Lösungen

  1. Die .mcp.json referenziert Pakete, die nicht in npm existieren. Die 8 deklarierten Server verwenden den Scope @anthropic/mcp-*. Alle geben HTTP 404 im npm-Register zurück (einzeln geprüft). Lösung: Die .mcp.json als Pseudocode/illustrativ behandeln und jeden Eintrag vor der Nutzung durch einen echten MCP-Server ersetzen; der /ticket-Ablauf funktioniert erst dann.
  2. Den Slash-Befehlen fehlt das name-Feld im Frontmatter. Alle 6 Befehle haben description und allowed-tools, aber keiner deklariert name. Issue #20, eine automatisierte NLPM-Prüfung, stufte dies als 8 Bugs ein, die „die Registrierung” der Befehle „verhindern” (das Repository erzielte 81/100).
  3. skill-rules.json schlägt Skills vor, die nicht existieren. Die Regeldatei listet 19 Skills auf, aber im Repository gibt es nur 6 echte Skill-Verzeichnisse. Lösung: skill-rules.json auf die Skills kürzen, die tatsächlich in Ihrem Projekt existieren.
  4. Der Branch-Schutz ist fest auf main codiert. Wenn der Standard-Branch Ihres Projekts anders heißt (z. B. master), greift die Blockierung nicht.
  5. Es gibt keine Lizenz. Das license-Feld der API ist None. Ansehen/Klonen ist möglich, aber die Weiterverbreitung ist nicht durch eine explizite Lizenz gedeckt.
  6. Offene Anwendbarkeitsfragen (Issues #6 und #1, ohne Antwort des Autors): ob Claude über ein VS-Code-Copilot-Abonnement diese Anweisungen befolgt, und wie man den Ansatz auf Gemini CLI anpasst.

Integrationen und Migration

Das Projekt nutzt MCP als Integrationsschicht mit JIRA, GitHub, Linear, Sentry, Postgres, Slack, Notion und Memory (indem .mcp.json mit echten Servern gefüllt und die entsprechenden Umgebungsvariablen exportiert werden). Die vier CI-Workflows hängen von anthropics/claude-code-action@beta ab; zur Migration die .yml-Dateien kopieren und das Secret ANTHROPIC_API_KEY setzen (das README schätzt monatliche Kosten von ~$10–$50 je nach PR-Volumen). Es verbindet sich mit TypeScript, Python (Pyright) und Rust (rust-analyzer) über LSP-Plugins für Echtzeit-Intelligenz. Es gibt keine dokumentierte Migrationsanleitung von anderen Vorlagen; das einzige Beispiel, den Ansatz auf einen anderen Agenten zu portieren, ist joeangel/gemini-showcase (Gemini CLI).

Aktuelle Kennzahlen

Messung: 11. September 2026, GitHub-API.

KennzahlWert
Sterne6.062
Forks574
Abonnenten (echte)47
Commits4
Offene Issues laut API12
HauptsprachenJavaScript (10.789 Bytes), Shell (902)
LizenzKeine
Erstellt6. Januar 2026
Letzter Push6. Januar 2026
Neuestes ReleaseKeines (keine Releases oder Tags)

Der einzige registrierte Beitragende ist ChrisWiles (4 Beiträge). Alle 4 Commits wurden am 6. Januar 2026 veröffentlicht. Das watchers_count-Feld der allgemeinen API gibt 6.062 zurück, genau wie die Sterne, weshalb subscribers_count (47) separat als echte Abonnenten angegeben wird. open_issues_count (12) kann offene PRs einschließen; von den 19 abgerufenen Elementen (state=all) sind 6 Nicht-PR-Issues und 13 PRs, von denen 12 offen bleiben. Es gibt keine Releases oder Tags, sodass der Zustand des Codes dem letzten Commit vom 6. Januar 2026 entspricht.

Community-Resonanz

Die Resonanz konzentriert sich auf das Repository selbst (Issues) und den ursprünglichen Hacker-News-Thread. Es wurde kein dedizierter Product-Hunt-Launch oder spezifische Reddit-Threads gefunden.

Begeisterung und Adoption:

  • Der ursprüngliche Thread 46515696 sammelte 879 Punkte und 123 Kommentare; der Kommentar von OldGreenYodaGPT (id 46516157) verlinkt zum Repository und erklärt, dass „eine Menge Wartungs- und Qualitätsarbeit einfach… automatisiert ist. Läuft lächerlich gut.”
  • Issue #1 (nvictor, 7. Januar 2026): dankt für die Ressource und fragt, wie man sie auf Gemini CLI anpassen könne. joeangel antwortete, indem er joeangel/gemini-showcase baute.
  • Issue #15 (ithiria894, 23. März 2026): Das Projekt wurde in awesome-claude-code-workflows aufgenommen, weil es „echte, funktionierende Workflow-Muster demonstrierte”.
  • Issue #13 (tupe12334, 19. März 2026, geschlossen): „This showcase is an excellent Claude Code configuration reference that many developers use as a starting point.”

Kritik und konkrete Einwände:

  • Issue #20 (xiaolai, 22. April 2026): eine automatisierte NLPM-Prüfung, die das Repository mit 81/100 bewertete und 8 Bugs feststellte (die 6 Befehle ohne name im Frontmatter) sowie Sicherheitsbefunde: Alle 8 MCP-Server verwenden npx -y ohne Versionsfixierung (ein kompromittiertes Paket würde stillschweigend übernommen), und @anthropic/mcp-postgres gewährt vollen Lese-/Schreibzugriff ohne eingeschränkte Berechtigungen.
  • Issue #12 (Jackie-shi, 26. Februar 2026): ein Pitch für einen Skills-Marktplatz, der bittet, den Inhalt als installierbare Pakete zu listen — keine technische Kritik, aber ein Beleg dafür, dass das Repository kommerzielle Vorschläge Dritter anzieht.
  • Issue #6 (probonopd, 9. Januar 2026, unbeantwortet): fragt, ob Claude über ein VS-Code-Copilot-Abonnement diese Anweisungen befolgt, und ob es auf eine gesamte GitHub-Organisation oder nur Repo für Repo angewendet werden kann.

Vergleich mit ähnlichen Projekten

ProjektVerifizierbare ÜberschneidungVerifizierbarer Unterschied
obra/superpowersBeide lehren Claude Code über Skills und wiederholbare Prozesse.Superpowers ist ein Plugin/Marktplatz mit einer Methodik, installierbar über mehrere Agenten hinweg; die Showcase ist ein Projektkonfigurationsbeispiel, fokussiert auf React/TypeScript, ohne Installation und ohne Lizenz.
joeangel/gemini-showcase (6 ⭐)Gleiche Bausteine (Hooks, Skills, Agenten, Befehle, GitHub Actions).Ein Port zur Gemini CLI, entstanden aus Issue #1; die Showcase ist Claude-Code-spezifisch.
VoltAgent/awesome-claude-code-subagents (25.001 ⭐)Eine Sammlung von Subagenten für Claude Code.Eine Liste von 100+ spezialisierten Subagenten, keine konfigurierbare Projektstruktur.
rohitg00/awesome-claude-code-toolkit (2.608 ⭐)Ein „Toolkit” aus Agenten und Skills.Bietet 135 kuratierte Agenten und 35 Skills; die Showcase bietet eine vollständige Projektkonfiguration.
hesreallyhim/awesome-claude-code (53.872 ⭐)Eine kuratierte Claude-Code-Ressource.Ein Ressourcenkatalog; die Showcase ist eine konkrete Implementierung einer Konfiguration.

Der nützlichste Vergleich erfolgt nicht nach Popularität: Die Showcase sticht hervor, wenn man eine bereits für Claude Code verkabelte React/TypeScript-Projektstruktur möchte. Wer eine agentenübergreifend portable Methodik sucht, ist mit obra/superpowers besser bedient; wer eine Subagenten-Bibliothek sucht, findet in den awesome-*-Sammlungen die passende Lücke gefüllt.

Wie man beiträgt

Das Repository dokumentiert keinen formalen Beitragsprozess: Es gibt keine CONTRIBUTING.md, kein Wiki mit Beitragsanleitung, und has_discussions ist false. Der aus den tatsächlichen Daten beobachtete Ablauf (13 erhaltene PRs, 6 Issues) ist der GitHub-Standard: forken, Branch erstellen, PR öffnen. Zwei wichtige Vorbehalte: Es gibt keine Lizenz, weshalb der Beitrag zu einem unlizenzierten Repository rechtlich mehrdeutig ist, und das Repo ist eine Ein-Autor-Vorlage, die seit Januar 2026 nicht aktualisiert wurde, sodass das Zeitfenster, in dem ein PR überprüft und zusammengeführt wird, ungewiss ist.

Anwendungsfälle

  • React/TypeScript/Node-Teams, die „Claude Code einmal konfigurieren” möchten, können die Struktur klonen und an ihren Stack anpassen, sodass der Agent Code generiert, der bereits ihre Konventionen respektiert, ohne Anweisungen in jeder Sitzung zu wiederholen.
  • Verantwortliche für Codequalität mit wiederkehrenden PRs können pr-claude-code-review.yml aktivieren, damit jeder PR eine automatisierte Überprüfung mit nach Schweregrad gruppiertem Feedback durchläuft.
  • Teams mit Wartungsschulden können die drei geplanten Workflows verketten (monatliches docs-sync, wöchentliches quality, zweiwöchentliches dependency-audit), mit geschätzten Kosten von ~$10–$50/Monat.
  • Teams, die mit Tickets (JIRA/Linear) arbeiten, können /ticket + MCP-Server nutzen, nachdem sie die Beispielserver durch echte ersetzt haben.
  • DevOps/CI-Ingenieure finden eine konkrete Referenz dafür, wie man anthropics/claude-code-action@beta mit --max-turns-Grenzen und Kostenbudgets verwendet.
  • Wer interne Agentenanweisungen pflegt, kann von skill-rules.json als Modell für deterministische Aktivierung von Domänenwissen ausgehen.

Ressourcen


Methodischer Hinweis: Dieser Bericht kombiniert das README und die Repository-Dateien, die GitHub-API, den ursprünglichen Hacker-News-Thread und öffentliche Issues von ChrisWiles/claude-code-showcase, konsultiert am 11. September 2026. Zahlen ändern sich mit der Zeit. Die Zuschreibung des HN-Kommentars zu Christopher Wiles ist abgeleitet aus der wörtlichen Textübereinstimmung, dem exakten Link und dem identischen Datum; es gibt keine explizite Erklärung des Autors, die die Handles OldGreenYodaGPT und ChrisWiles verbindet.

Kommentare