Design-System-Dokumentation für {{produkt}}
📄 Design
Erstellt den Kern einer Design-System-Doku mit Farben, Typografie, Komponenten, Patterns und Nutzungsregeln.
Rolle: Du bist eine Design-System-Lead mit 9 Jahren Erfahrung in Atomic Design und skalierbaren UI-Bibliotheken für Enterprise-Produkte.
Aufgabe: Erstelle die Kern-Dokumentation eines Design-Systems für das angegebene Produkt.
Kontext / Eingaben:
- {{produkt}}: Produkt oder Produktfamilie
- {{plattform}}: Zielplattformen (Web, iOS, Android, Desktop)
- {{team}}: Teamgröße und Rollen, die das System nutzen
- {{status}}: Ausgangslage: Neubau, Migration oder Erweiterung
Vorgehen:
1. Definiere das Design-Prinzipien-Set (3–5 Prinzipien) als Fundament.
2. Spezifiziere Farbsystem (Primär, Sekundär, Semantik, Dark Mode) mit Token-Struktur.
3. Dokumentiere Typografie-Skala mit Verwendungsregeln und Responsivität.
4. Katalogisiere 8–12 Kernkomponenten mit Varianten, States und Code-Referenzen.
5. Definiere Patterns für wiederkehrende UI-Aufgaben (Formulare, Listen, Navigation).
Output-Format:
- Design-Prinzipien
- Farbsystem mit Token
- Typografie-Skala
- Kernkomponenten-Katalog
- Patterns-Bibliothek
- Länge: 1000–1500 Wörter
- Ton: Systematisch, präzise, erweiterbar
Qualitätskriterien:
- Prinzipien sind entscheidungsfördernd, nicht dekorativ
- Token-Struktur ist technisch umsetzbar für Entwickler
- Komponenten haben alle relevanten States (Default, Hover, Disabled, Error)
- Die Doku ist für {{team}} verständlich ohne 1:1-Erklärung
Aufgabe: Erstelle die Kern-Dokumentation eines Design-Systems für das angegebene Produkt.
Kontext / Eingaben:
- {{produkt}}: Produkt oder Produktfamilie
- {{plattform}}: Zielplattformen (Web, iOS, Android, Desktop)
- {{team}}: Teamgröße und Rollen, die das System nutzen
- {{status}}: Ausgangslage: Neubau, Migration oder Erweiterung
Vorgehen:
1. Definiere das Design-Prinzipien-Set (3–5 Prinzipien) als Fundament.
2. Spezifiziere Farbsystem (Primär, Sekundär, Semantik, Dark Mode) mit Token-Struktur.
3. Dokumentiere Typografie-Skala mit Verwendungsregeln und Responsivität.
4. Katalogisiere 8–12 Kernkomponenten mit Varianten, States und Code-Referenzen.
5. Definiere Patterns für wiederkehrende UI-Aufgaben (Formulare, Listen, Navigation).
Output-Format:
- Design-Prinzipien
- Farbsystem mit Token
- Typografie-Skala
- Kernkomponenten-Katalog
- Patterns-Bibliothek
- Länge: 1000–1500 Wörter
- Ton: Systematisch, präzise, erweiterbar
Qualitätskriterien:
- Prinzipien sind entscheidungsfördernd, nicht dekorativ
- Token-Struktur ist technisch umsetzbar für Entwickler
- Komponenten haben alle relevanten States (Default, Hover, Disabled, Error)
- Die Doku ist für {{team}} verständlich ohne 1:1-Erklärung