---
name: clean-code-architecture
description: Erzwingt eine saubere, modulare und leicht wartbare Code-Architektur basierend auf Best Practices des modernen Software-Engineering.
---

# Clean Code Architecture Guidelines

*   **Single-Responsibility-Prinzip:** Jede UI-Komponente (z.B. `Button.astro`, `Card.astro`) erfüllt genau eine Aufgabe. Logik und visuelle Präsentation werden strikt getrennt.
*   **DRY (Don't Repeat Yourself):** Wiederkehrende Layout-Muster, Farbkombinationen oder Abstände werden konsequent in globale CSS-Variablen, Tailwind-Configs oder wiederverwendbare Unterkomponenten ausgelagert.
*   **Selbstdokumentierender Code:** Nutzung von aussagekräftigen, semantischen CSS- und Komponenten-Namen (z.B. `BentoGridGold.astro` statt `Grid2.astro`). Komplexe Logik wird inline kurz und prägnant kommentiert.