Einrichtung & Nutzungsübersicht
Eine Basis + ein Framework + zwei kleine Dateien — das war's. Bei reibungslosem Ablauf in 30 Minuten fertig.
Was zu installieren ist — nur drei Ebenen
Keine Angst vor „Installation". Das ganze System hat nur drei Ebenen — wer das verstanden hat, bleibt ruhig.
Einzelne Skills
Einzelne Dateien — einfach hineinkopieren: competitor-watch (Wettbewerb) · prd-generator (PRD schreiben)
gstack-Framework
Einmal installieren — 70+ Skills auf einmal: office-hours / design-shotgun / design-html / qa / make-pdf …
Claude Code (Basis-App)
Die Basis-App — ohne sie geht gar nichts.
Must-have-Skill-Liste
7 Kern-Skills (Pflicht — entsprechen den fünf Phasen)
| Skill | Zweck | Quelle | Phase |
|---|---|---|---|
/competitor-watch | Wettbewerbsanalyse | Einzelner Skill | Entdecken |
/office-hours | Idee schärfen, Anforderungen klären | gstack | Definieren |
/prd-generator | PRD generieren | Einzelner Skill | Definieren |
/design-shotgun | Mehrere Designvarianten auf einmal | gstack | Gestalten |
/design-html | Design in lauffähigen Prototyp umsetzen | gstack | Entwickeln |
/qa | Automatisches Testen auf Bugs | gstack | Validieren |
/make-pdf | Markdown in elegantes PDF umwandeln | gstack | Überall |
6 Fortgeschrittene Skills (nach Eingewöhnung — alle aus gstack)
| Skill | Zweck |
|---|---|
/design-consultation | Komplettes Designsystem definieren (Farben / Schriften / Stil) |
/plan-ceo-review | Deinen Plan aus „CEO-Sicht" herausfordern |
/plan-eng-review | Deinen Plan aus „Technik-Sicht" prüfen |
/investigate | Problemursachen systematisch ermitteln |
/context-save · /context-restore | Arbeitszustand sitzungsübergreifend speichern / wiederherstellen |
/learn | Teamerfahrungen festhalten und abrufen |
Installationsschritte
Weg A (empfohlen): Team Lead kopiert funktionierende Konfig
Am einfachsten und fehlersichersten. Lead packt das eigene Verzeichnis .claude\skills\ vollständig als Archiv und verteilt es.
Jedes Mitglied:
| 1 | Claude Code installieren (siehe Weg B, Schritt ①) |
| 2 | Erhaltenes Skills-Archiv nach C:\Users\<eigener Name>\.claude\skills\ entpacken |
| 3 | Im gstack-Verzeichnis ./setup ausführen |
| 4 | Prüfung durchführen (nächster Abschnitt) |
Weg B: Jede:r installiert selbst von Grund auf
① Claude Code installieren
npm install -g @anthropic-ai/claude-code
Nach der Installation mit dem Konto anmelden (Team nutzt einheitlich Pro/Team-Abo). Wer Node/npm noch nicht hat, installiert zuerst Node.js.
② gstack-Framework installieren (eine Zeile: Klonen + automatische Initialisierung)
git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack \ && cd ~/.claude/skills/gstack && ./setup
gstack aktualisiert sich selbst. Für manuelles Upgrade jederzeit im Gespräch /gstack-upgrade sagen.
③ Einzelne Skills ablegen
Die Verzeichnisse competitor-watch und prd-generator einfach nach ~/.claude/skills/ kopieren.
/browse einen Fehler melden, im gstack-Verzeichnis bun install && bun run build ausführen, um Abhängigkeiten nachzuinstallieren.Prüfen: Wie man bestätigt, dass alles installiert ist
Nach der Installation nicht sofort loslegen — erst 2 Minuten für den Smoke-Test nehmen.
Bestätigen, dass die Basis läuft
Im Terminal claude eingeben — wenn die Gesprächsoberfläche erscheint, ist Ebene 1 OK.
claude
Bestätigen, dass alle Skills vorhanden sind
Im Gespräch / eingeben — wenn eine lange Skill-Liste erscheint, sind Framework und Skills OK.
/ (bestätigen, dass die 7 Kern-Skills vorhanden sind)
Einen echten Skill ausführen
Wenn er mit Fragen beginnt, ist alles bereit — los geht's.
/office-hours Ich möchte ein Tool zur automatischen Team-Weekly-Zusammenfassung bauen
Nutzungsübersicht (End-to-End)
Alle Skills zu einem kompletten Workflow verbinden. Diese Linie kennen — und man weiß immer, welchen Skill man braucht.
watch
/prd-generator
shotgun
/design-html
Standardaktionen (einfach befolgen)
| Schritt | Wie vorgehen |
|---|---|
| 0 Projekt anlegen | Ordner unter D:\PM\<Projektname>\ erstellen, hineingehen, „Initialisiere dieses Projekt" sagen |
| 1 Entdecken | /competitor-watch Analysiere [Wettbewerber-URL], Fokus auf [Schwerpunkt] |
| 2 Definieren | /office-hours Ich möchte [Idee] → /prd-generator Schreibe vollständiges PRD |
| 3 Gestalten | /design-shotgun Erstelle 3 Stilvarianten für [Seite] |
| 4 Prototyp entwickeln | /design-html Prototyp bauen, dann jeweils ein Feature, im Dialog iterieren (kleine Schritte, schnelles Tempo) |
| 5 Validieren | /qa Teste diesen Prototyp und liste Probleme auf |
/ eingeben und den passenden Skill wählen. Für Dokumentlieferungen /make-pdf nutzen.Laufende Pflege & Einarbeitung neuer Mitglieder
Laufende Pflege (Team Lead beachten)
| Aufgabe | Wie vorgehen |
|---|---|
| Framework aktualisieren | Im Gespräch /gstack-upgrade sagen oder Auto-Update aktivieren |
| Neuen Skill hinzufügen | Skill-Verzeichnis nach ~/.claude/skills/ legen, Claude Code neu starten |
| Standards vereinheitlichen | Gemeinsame Basisregeln in jedes Projekt-CLAUDE.md eintragen |
| Erfahrungen festhalten | Gute Techniken / aufgetretene Fehler in den Standard-Arbeitsleitfaden einpflegen |
Schnellster Einstieg für neue Mitglieder
- Umgebung einrichten (Weg A — beim Lead nach dem Archiv fragen)
- Smoke-Test durchführen
- Mit einer kleinen Anforderung alle fünf Phasen einmal durchgehen
- Durchgekommen = fertig
