Christian Mueller
dbe08b4814
10 wiederverwendbare Claude Code Skills für React + Node.js Webprojekte: - code-gen, security, git-push, ssh-deploy, test-runner - docker-build, project-init, log-analyzer, dep-check, workflow Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
48 lines
2.1 KiB
Markdown
48 lines
2.1 KiB
Markdown
# 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
|