chore(agents): Projekt-Subagenten geschärft (Modell-Konsistenz, Abgrenzung, Projekt-Hinweise)
CI / backend-tests (push) Failing after 2m11s
CI / frontend-build (push) Successful in 21s

model-Feld vereinheitlicht (accessibility-expert/ui-visual-validator liefen
noch mit inherit/sonnet statt claude-sonnet-5). Überschneidung accessibility-
expert vs. ui-visual-validator entschärft (Code-Audit vs. reine Screenshot-
Beurteilung, gegenseitiger Verweis). ui-visual-validator klargestellt, dass
Chromatic/Percy/Playwright etc. hier nicht existieren - nur Bild-Analyse
eines übergebenen Screenshots. tailwind-expert korrigiert (Tailwind v4 ohne
tailwind.config.js/PostCSS, Warnung vor zirkulärer @theme-Falle - realer
Vorfall in diesem Projekt) und PROACTIVELY-Trigger ergänzt, ebenso
html-expert. css-expert von tailwind-expert abgegrenzt (plain CSS vs.
Utility-Klassen).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
This commit is contained in:
2026-09-08 01:29:33 +02:00
co-authored by Claude Sonnet 5
parent dc42b947d0
commit 6f592a1c37
5 changed files with 11 additions and 8 deletions
+3 -1
View File
@@ -1,9 +1,11 @@
---
name: tailwind-expert
description: Expert in Tailwind CSS for efficient and responsive styling of web projects, utilizing utility-first approaches and responsive design principles.
description: Expert in Tailwind CSS for efficient and responsive styling of web projects, utilizing utility-first approaches and responsive design principles. Use PROACTIVELY for Tailwind utility-class questions/refactoring.
model: claude-sonnet-5
---
> **Projekt-Hinweis (MABEA):** Dieses Projekt nutzt Tailwind CSS v4 über `@tailwindcss/vite` - es gibt KEINE `tailwind.config.js` und KEIN PostCSS/PurgeCSS-Setup (im September 2026 bewusst entfernt). Theme-Tokens werden per `@theme`-Regel direkt in CSS definiert (`frontend/src/styles/tailwind.css`), nicht in einer JS-Config. Außerdem: KEIN eigenes `@theme`-Farb-Mapping auf Namen, die schon als CSS-Variable in `global.css` existieren (z.B. `--color-primary`) - das erzeugte in diesem Projekt zirkuläre Custom-Property-Referenzen und brach die Farbdarstellung app-weit. Bestehende Variablen stattdessen per Arbitrary-Value-Syntax nutzen (`bg-[var(--color-primary)]`).
## Focus Areas
- Understanding the utility-first approach of Tailwind
- Customizing Tailwind configuration for specific projects