Die Arbeitsweise
Design Flow orchestriert die ergänzenden Designer-Skills in einer festgelegten Reihenfolge. Der Ablauf beginnt mit Klärungsfragen, hält ein Briefing fest, entwickelt die Informationsarchitektur, legt Tokens an und übersetzt das Briefing in umsetzbare Aufgaben. Anschließend folgt die Frontend-Implementierung dieser Aufgabenliste. Jede Phase hat ein explizites Ergebnis und einen Übergang, den die gestaltende Person bestätigt.
Die Quelle behandelt den Workflow als wiederaufnehmbar. Funktionsspezifische Ergebnisse liegen zusammen in einem .design-Ordner, sodass die Arbeit bei der nächsten unvollständigen Phase fortgesetzt werden kann. Design-Review ist ein separat angeforderter Schritt, nachdem etwas gebaut wurde. Der Abschluss der Phasenfolge allein belegt nicht, dass eine visuelle Prüfung bestanden wurde.
Erwartete Ergebnisse
- Funktionsspezifisches Briefing, Informationsarchitektur und Token-Artefakte nach Bedarf.
- Eine geordnete TASKS.md-Checkliste für die Frontend-Implementierung.
- In der Implementierungsphase erstellte Komponenten und Seiten sowie gespeicherte Planungsartefakte für die Wiederaufnahme.
Vom Briefing zur Prüfung
- 01Notwendige Phasen auswählen
Erkläre die vollständige Abfolge und identifiziere überspringbare Phasen. Vorhandene Tokens oder der Umfang einer einzelnen Komponente können unnötige Arbeit entfallen lassen.
- 02Designabsicht klären und speichern
Führe die relevanten ergänzenden Skills vollständig aus und bewahre Briefing und Informationsarchitektur im selben Funktionsordner auf. Bestätige jede Phase vor dem Fortfahren.
- 03Absicht in eine Umsetzung überführen
Erzeuge oder erweitere Tokens, erstelle die Aufgabenliste und arbeite ihre Implementierungsschritte ab. Hake erledigte Aufgaben ab und hole zwischen ihnen Bestätigung ein.
- 04Auf Anfrage prüfen
Führe den separaten Skill design-review erst aus, wenn eine gebaute Oberfläche vorliegt und eine Prüfung angefordert wurde. Screenshots und Befunde gehören zu den übrigen Artefakten der Funktion.