# KI-Agenten Toolkit für Webprojekte ## Übersicht Wiederverwendbare Claude Code Skills für React + Node.js Fullstack-Projekte. Dieses Verzeichnis in neue Projekte klonen/kopieren um sofort alle Agenten verfügbar zu haben. ## Schnellstart 1. `.claude/` Verzeichnis in neues Projekt kopieren 2. `config/project.env.template` nach `config/project.env` kopieren und ausfüllen 3. `project.env` wird NICHT committet (steht in .gitignore) ## Verfügbare Skills | Skill | Befehl | Beschreibung | |-------|--------|-------------| | Code-Generator | `/code-gen` | React + Node.js Code nach Best Practices | | Security-Analyzer | `/security` | OWASP Top 10, Secrets Detection, Dep-Scan | | Git-Push | `/git-push` | Commit, Push, PR auf Gitea (git.cynfo.net) | | SSH-Deploy | `/ssh-deploy` | Remote Deploy & Debug via SSH | | Test-Runner | `/test-runner` | Jest/Vitest Tests ausführen und analysieren | | Docker-Build | `/docker-build` | Dockerfile + docker-compose generieren | | Project-Init | `/project-init` | Neues Fullstack-Projekt aufsetzen | | Log-Analyzer | `/log-analyzer` | Remote-Logs holen und analysieren | | Dep-Check | `/dep-check` | Dependencies auf Vulnerabilities prüfen | | Workflow | `/workflow` | Alle Skills orchestrieren (Feature, Bugfix, Release) | ## Workflow-Beispiele - `/workflow feature "User-Login mit JWT"` - Kompletter Feature-Flow - `/workflow bugfix "API gibt 500 bei leerer Query"` - Bug finden und fixen - `/workflow security-audit` - Vollständiger Security-Check - `/workflow release "v1.0.0"` - Release vorbereiten - `/workflow init "MeinProjekt"` - Neues Projekt aufsetzen ## Tech-Stack - **Frontend**: React, TypeScript, Tailwind CSS - **Backend**: Node.js, Express, TypeScript - **Git**: Gitea (git.cynfo.net) - **Infra**: Linux-Server via SSH, Docker - **Testing**: Jest/Vitest, React Testing Library, Supertest - **DB**: PostgreSQL (default), MongoDB (optional) ## Konfiguration Alle projektspezifischen Einstellungen in `config/project.env`: - Gitea Credentials (URL, Token, User) - SSH Deployment (Host, User, Key, Path) - Tech-Stack Optionen - Testing & Security Settings