Features: - Next.js 16 + TypeScript + Tailwind CSS - 6 Production-Ready AI Agents (Requirements → Deployment) - Production Guides (Error Tracking, Security, Performance, Scaling) - Feature Changelog System (Code Reuse) - PM-Friendly Documentation - Supabase-Ready (optional) - shadcn/ui-Ready - Vercel Deployment-Ready Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
7.8 KiB
Wie nutze ich die AI Agents?
⚠️ Wichtig: Das sind KEINE Claude Code Skills!
Die Agent-Files in .claude/agents/ sind keine registrierten Skills im Claude Code System.
Du kannst sie nicht mit /requirements-engineer aufrufen.
✅ So nutzt du die Agents richtig:
Methode 1: Referenziere die Agent-Files im Chat (Empfohlen)
Hey Claude, lies bitte die Datei .claude/agents/requirements-engineer.md
und handle genau nach diesen Anweisungen.
Ich möchte ein User-Authentifizierung Feature bauen.
[... beschreibe dein Feature ...]
Warum funktioniert das?
- Claude liest die Agent-Instructions
- Befolgt den Workflow (inkl. AskUserQuestion für interaktive Fragen!)
- Erstellt Output wie im Agent definiert
Methode 2: Copy-Paste Agent-Instructions in Custom Prompts
- Öffne
.claude/agents/requirements-engineer.md - Kopiere den Inhalt
- Erstelle einen eigenen Prompt:
Du bist ein Requirements Engineer. [paste Agent-Instructions]
Jetzt erstelle eine Feature Spec für: [deine Feature-Idee]
🎯 Best Practice Workflow
Phase 1: Requirements
Hey Claude, lies .claude/agents/requirements-engineer.md und handle danach.
Ich möchte ein Kanban-Board Feature für mein Projekt bauen.
User sollen Tasks zwischen Columns verschieben können (Drag & Drop).
Claude wird:
- ✅
AskUserQuestionnutzen für interaktive Single/Multiple-Choice Fragen - ✅ Edge Cases klären (mit AskUserQuestion)
- ✅ Feature Spec erstellen in
/features/PROJ-X.md - ✅ Finale Approval fragen (mit AskUserQuestion)
Phase 2: Architecture
Hey Claude, lies .claude/agents/solution-architect.md und handle danach.
Lies die Feature Spec in /features/PROJ-1-kanban-board.md und
designe die Tech-Infrastruktur (Database Schema, Components, APIs).
Claude wird:
- ✅ Feature Spec lesen
- ✅ Fragen stellen (mit AskUserQuestion)
- ✅ Database Schema + Component Tree + API Endpoints designen
- ✅ Spec erweitern mit Tech-Design
Phase 3: Implementation
# Frontend:
Hey Claude, lies .claude/agents/frontend-dev.md und handle danach.
Lies /features/PROJ-1-kanban-board.md und baue die UI Components.
# Backend:
Hey Claude, lies .claude/agents/backend-dev.md und handle danach.
Lies /features/PROJ-1-kanban-board.md und baue die APIs + Database.
Phase 4: Testing
Hey Claude, lies .claude/agents/qa-engineer.md und handle danach.
Teste das Kanban-Board Feature gegen die Acceptance Criteria
in /features/PROJ-1-kanban-board.md.
Phase 5: Deployment
Hey Claude, lies .claude/agents/devops.md und handle danach.
Deploy das Projekt zu Vercel (Production).
💡 Pro-Tipps
1. Voice-First Development (empfohlen!)
Nutze Whispr Flow (oder Apple Dictation):
*Hotkey drücken, sprechen:*
"Hey Claude, lies bitte die Datei punkt claude slash agents slash
requirements engineer punkt md und handle genau danach.
Ich möchte ein Kanban-Board Feature bauen.
User sollen Tasks per Drag and Drop verschieben können.
Das Board soll drei Spalten haben: Todo, In Progress, Done.
Ein paar Details die mir wichtig sind:
- Mobile-friendly, also Touch-Support
- Real-time Updates wenn mehrere User gleichzeitig arbeiten
- Tasks sollen Priorities haben
Kannst du mit mir durchgehen, wie wir das am besten umsetzen?"
Vorteil:
- 3x schneller als Tippen
- Mehr Context automatisch
- Natürlicher Flow
2. Nutze Plan Mode für komplexe Features
Für größere Features:
Hey Claude, bitte starte im Plan Mode.
Lies .claude/agents/requirements-engineer.md und erstelle
eine Feature Spec für [komplexes Feature].
Plan Mode Benefits:
- Claude exploriert Codebase zuerst
- Stellt durchdachte Fragen
- User approved Plan bevor Implementation
3. Agents in Serie nutzen
Ein Feature komplett durchbauen:
Phase 1: Lies .claude/agents/requirements-engineer.md → Erstelle Spec
[Warte auf Output]
Phase 2: Lies .claude/agents/solution-architect.md → Designe Infrastruktur
[Warte auf Output]
Phase 3: Lies .claude/agents/frontend-dev.md → Baue UI
[Warte auf Output]
Phase 4: Lies .claude/agents/backend-dev.md → Baue APIs
[Warte auf Output]
Phase 5: Lies .claude/agents/qa-engineer.md → Teste
[Warte auf Output]
Phase 6: Lies .claude/agents/devops.md → Deploy
Tipp: Nutze /clear zwischen Phasen für bessere Performance!
🔄 Warum .claude/agents/ statt .claude/skills/?
Skills sind registrierte Commands im Claude Code System (z.B. /commit, /review-pr).
Agents in diesem Template sind Prompt-Templates / Role-Definitions.
Sie sind nicht im System registriert, aber genauso mächtig wenn du sie referenzierst!
⚡ Quick Reference
| Agent | File | Wann nutzen? |
|---|---|---|
| Requirements Engineer | .claude/agents/requirements-engineer.md |
Feature-Idee → Spec |
| Solution Architect | .claude/agents/solution-architect.md |
Spec → Tech-Design |
| Frontend Developer | .claude/agents/frontend-dev.md |
Design → UI Components |
| Backend Developer | .claude/agents/backend-dev.md |
Design → APIs + DB |
| QA Engineer | .claude/agents/qa-engineer.md |
Implementation → Testing |
| DevOps | .claude/agents/devops.md |
Tested → Production |
🎓 Beispiel: Kompletter Workflow
Feature: User-Authentifizierung
1. Requirements (5-10 Min)
Hey Claude, lies .claude/agents/requirements-engineer.md und handle danach.
Ich möchte User-Authentifizierung bauen.
Claude antwortet mit AskUserQuestion:
- Zielgruppe? (Single/Multiple-Choice)
- MVP Features? (Multiple-Choice: Email, Google OAuth, etc.)
- Session-Persistence? (Single-Choice: Ja/Nein/Remember Me)
- Edge Cases? (Was bei doppelter Email?)
Output: /features/PROJ-1-user-authentication.md
2. Architecture (5 Min)
Hey Claude, lies .claude/agents/solution-architect.md und handle danach.
Lies /features/PROJ-1-user-authentication.md und designe die Infrastruktur.
Output: Database Schema + Component Tree + API Endpoints
3. Frontend (15 Min)
Hey Claude, lies .claude/agents/frontend-dev.md und handle danach.
Lies /features/PROJ-1-user-authentication.md und baue die UI.
Output: Login Form, Signup Form, Password Reset Components
4. Backend (15 Min)
Hey Claude, lies .claude/agents/backend-dev.md und handle danach.
Lies /features/PROJ-1-user-authentication.md und baue die APIs.
Output: Supabase Migrations, RLS Policies, API Routes
5. Testing (10 Min)
Hey Claude, lies .claude/agents/qa-engineer.md und handle danach.
Teste PROJ-1 gegen Acceptance Criteria.
Output: Test-Report mit Bugs (falls vorhanden)
6. Deployment (5 Min)
Hey Claude, lies .claude/agents/devops.md und handle danach.
Deploy zu Vercel.
Output: Production URL
Gesamt: ~55 Minuten für production-ready Feature 🚀
🆘 Troubleshooting
"Claude ignoriert die Agent-Instructions"
Lösung: Sei expliziter im Prompt:
Hey Claude, lies GENAU die Datei .claude/agents/requirements-engineer.md
und befolge ALLE Anweisungen darin, inklusive der Nutzung von AskUserQuestion!
"AskUserQuestion wird nicht genutzt"
Lösung: Claude muss wissen, dass das Tool verfügbar ist:
Hey Claude, lies .claude/agents/requirements-engineer.md.
WICHTIG: Nutze das AskUserQuestion Tool für alle Fragen
(Single/Multiple-Choice statt Text-Fragen)!
"Zu viele Fragen auf einmal"
Lösung: Claude sollte max. 3-4 Fragen pro AskUserQuestion Batch stellen.
Gib Feedback:
Bitte stelle nicht mehr als 3 Fragen gleichzeitig.
✅ Ready to start!
Probier es aus:
Hey Claude, lies .claude/agents/requirements-engineer.md und handle danach.
Ich möchte [deine Feature-Idee].
Viel Erfolg! 🚀