Atelier, das Design-Pack
Transkript mit Bildbeschreibung
Im Bild: Durchscheinende Glasplatten treiben auseinander durch einen dunkelblauen Raum und schieben sich dann zu einem ordentlichen Stapel zusammen, der in warmem Licht leuchtet. Die Einblendung lautet auf Englisch „Atelier · Design pack“.
Sprechtext: Atelier, das zehnte Pack, baut, prüft und überarbeitet Oberflächen nach nachprüfbaren Regeln.
Im Bild: Ein Terminalfenster mit dem Titel „~/app“. Es wird der Befehl bmad-plus intake plan getippt, mit der intake.yaml des Packs Design und einer Antwortdatei. Das Bild zoomt auf das Ergebnis: „design-read (design): not ready — 0 answered, 0 defaulted…“ und, orange umrahmt, „Must-haves still open: surface_kind, audience, job“. Es folgt eine Liste von Fragen, jeweils mit Typ und „(must-have)“, wo es zutrifft. Dann wird der Befehl bmad-plus intake record getippt, mit drei Antworten (surface_kind=dashboard; audience=„Accountants in a practice, on a desktop, at month end“; job=UNKNOWN) und einem Standardwert für design_system. Er gibt „Recorded surface_kind, audience, job, design_system in _bmad-output/design/intake.json.“ und „design-read (design): ready — 2 answered, 1 defaulted, 1 unknown, 9 not asked yet.“ aus. Die noch offenen Fragen scrollen vorbei, darunter die drei Regler; „[number] Layout variance“ ist umrahmt, dann folgen motion, density und stack. Der Bildschirm endet mit umrahmtem „Unknown: job“: „risk: There is no goal to review against, so hierarchy and the primary action cannot be judged, only decorated.“ Der gesamte Terminaltext ist englisch.
Sprechtext: Es beginnt mit einem Design-Read: Fragen zur Oberfläche, zur Zielgruppe und zur einen Aufgabe, die die Seite erfüllen muss. Ein Regler, den du offen lässt, wird aus der Oberfläche abgeleitet, und das Briefing vermerkt, dass er abgeleitet wurde.
Im Bild: Kleine Glaskacheln erscheinen eine nach der anderen und füllen ein Raster, Reihe für Reihe, bis ein Block aus acht Spalten und vier Reihen vollständig ist. Einige der Kacheln leuchten bernsteinfarben. Die Einblendung lautet auf Englisch „Tokens · WCAG AA · every state“.
Sprechtext: Danach baut es mit semantischen Tokens, WCAG-AA-Kontrast und allen abgedeckten Zuständen.
Im Bild: Eine dünne waagerechte Linie warmen Lichts liegt auf einem dunklen Horizont. Ein weicher Lichtstrahl fächert sich darüber auf und spiegelt sich im dunklen Wasser darunter. Die englische Einblendung „Pre-flight“ blendet ein.
Sprechtext: Am Ende steht ein Pre-flight.
Im Bild: Ein Terminal. Es wird der Befehl sed -n '7,28p' .agents/skills/design/references/80-preflight.md getippt. Die Datei erscheint langsam als Checkliste, jeder Punkt beginnt mit einem leeren Kästchen „[ ]“. Abschnitt „A. Foundations“ behandelt semantische OKLCH-Farb-Tokens, Kontrast, höchstens zwei Schriftfamilien, die 4-px-Abstandsskala und Radien. Abschnitt „B. Accessibility (blockers — any fail blocks delivery)“ listet semantisches HTML, Bedienbarkeit per Tastatur, beschriftete Eingabefelder, Zielgröße, Reflow bei 320 px, reduzierte Bewegung, Überschriften und Landmarken sowie einen Fokus, der nicht von fixierten Elementen verdeckt wird. Abschnitt „C. States (the most-forgotten section)“ beginnt mit „Empty (first-run) designed with a CTA“. Der gesamte Terminaltext ist englisch.
Sprechtext: „Bereit“ oder „nicht bereit“ wird an der Checkliste abgelesen, nicht daran, wie der Bildschirm aussieht.
Im Bild: Ein Terminal. Es wird der Befehl bmad-plus doctor getippt. Der Bildschirm zeigt „BMAD+ Doctor v0.23.0“ und „Manifest found: v0.23.0“, dann einen „BMAD+ Health Report“, dessen erste Zeile, „87/87 checks passed“, orange umrahmt ist. Darunter: „0 error(s), 0 warning(s)“, „Installed: v0.23.0 | Executing CLI: v0.23.0“ und „Ownership inventory: complete“. Der Bildschirm endet mit einem Hinweis, dass die veröffentlichte Version hier nicht geprüft wird (der Befehl bmad-plus update-check --json fragt npm ab), und „Installation checks passed.“ in Grün. Der gesamte Terminaltext ist englisch.
Sprechtext: Der Installer kopiert seine drei Skills, und doctor prüft sie.