Atelier, le pack Design
Transcription avec description visuelle
À l’écran : Des plaques de verre translucides dérivent dans un espace bleu sombre, puis glissent l’une sur l’autre pour former une pile nette, qui rayonne d’une lumière chaude. La légende indique « Atelier · Pack Design ».
Voix off : Atelier, le dixième pack, conçoit, audite et refond des interfaces selon des règles vérifiables.
À l’écran : Une fenêtre de terminal intitulée « ~/app ». On tape la commande bmad-plus intake plan, avec le fichier intake.yaml du pack Design et un fichier de réponses. L’image zoome sur le résultat : « design-read (design): not ready — 0 answered, 0 defaulted… » et, entouré en orange, « Must-haves still open: surface_kind, audience, job ». Une liste de questions suit, chacune avec son type et « (must-have) » quand elle s’applique. On tape ensuite la commande bmad-plus intake record avec trois réponses (surface_kind=dashboard ; audience=« Accountants in a practice, on a desktop, at month end » ; job=UNKNOWN) et une valeur par défaut pour design_system. Elle affiche « Recorded surface_kind, audience, job, design_system in _bmad-output/design/intake.json. » et « design-read (design): ready — 2 answered, 1 defaulted, 1 unknown, 9 not asked yet. » Les questions encore ouvertes défilent, dont les trois réglages ; « [number] Layout variance » est entouré, puis viennent motion, density et stack. L’écran se termine avec « Unknown: job » entouré : « risk: There is no goal to review against, so hierarchy and the primary action cannot be judged, only decorated. » Tout le texte du terminal est en anglais.
Voix off : Il commence par une lecture du design : des questions sur la surface, le public et l’unique mission de la page. Un réglage que vous laissez ouvert est fixé d’après la surface, et le brief précise qu’il a été déduit.
À l’écran : De petites tuiles de verre apparaissent une à une et remplissent une grille, rangée après rangée, jusqu’à former un bloc de huit colonnes sur quatre rangées. Certaines tuiles brillent en ambre. La légende indique « Tokens · WCAG AA · tous les états ».
Voix off : Il construit ensuite avec des tokens sémantiques, un contraste WCAG AA et tous les états couverts.
À l’écran : Un fin trait horizontal de lumière chaude repose sur un horizon sombre. Un faisceau doux s’ouvre au-dessus de lui et se reflète dans l’eau sombre en dessous. La légende « Contrôle avant livraison » apparaît en fondu.
Voix off : Il termine par un contrôle avant livraison.
À l’écran : Un terminal. On tape la commande sed -n '7,28p' .agents/skills/design/references/80-preflight.md. Le fichier s’affiche lentement sous forme de liste de contrôle, chaque élément commençant par une case vide « [ ] ». La section « A. Foundations » couvre les jetons de couleur sémantiques OKLCH, le contraste, deux familles de polices au plus, l’échelle d’espacement de 4 px et les rayons. La section « B. Accessibility (blockers — any fail blocks delivery) » liste le HTML sémantique, l’utilisation au clavier, les champs étiquetés, la taille des cibles, le reflow à 320 px, la réduction des animations, les titres et les repères, et le focus qui ne doit pas être masqué par des éléments collants. La section « C. States (the most-forgotten section) » commence par « Empty (first-run) designed with a CTA ». Tout le texte du terminal est en anglais.
Voix off : Prêt ou non prêt se lit dans la checklist, pas dans l’allure de l’écran.
À l’écran : Un terminal. On tape la commande bmad-plus doctor. L’écran affiche « BMAD+ Doctor v0.23.0 » et « Manifest found: v0.23.0 », puis un « BMAD+ Health Report » dont la première ligne, « 87/87 checks passed », est entourée en orange. Dessous : « 0 error(s), 0 warning(s) », « Installed: v0.23.0 | Executing CLI: v0.23.0 » et « Ownership inventory: complete ». L’écran se termine sur une note indiquant que la version publiée n’est pas vérifiée ici (la commande bmad-plus update-check --json interroge npm), et « Installation checks passed. » en vert. Tout le texte du terminal est en anglais.
Voix off : L’installeur copie ses trois skills, et doctor les vérifie.