X bookmarks

Proposal — Injecter un DESIGN.md de Refero Styles dans le contexte pipeline Marco. Ajouter une étape de bootstrap dans `~/.hermes/scripts/pipeline.py` qui, pour chaque projet front (cave-shopify, miso-landing, marco-dashboard), charge un `DESIGN.md` de référence sélectionné depuis styles.refero.design et le concatène au prompt système de la session `claude -p`. Concrètement : (1) créer `marco-vault/design-refs/<slug>.md` avec le DESIGN.md choisi (ex. xAI Midnight Command Center pour marco-dashboard sombre, un système retail premium pour cave-shopify) ; (2) dans la phase dev du pipeline, si `marco-vault/projects/<slug>/index.md` a `design_ref: <file>` en frontmatter, lire le fichier et l'inclure via `--append-system-prompt` ou équivalent ; (3) documenter la convention dans `marco-vault/CLAUDE.md`. Bénéfice : les sessions dev qui touchent à l'UI auront en contexte des tokens design cohérents (palette, échelles d'espacement, hiérarchie typo) au lieu de réinventer du Tailwind générique.

Proposal — Ajouter un DESIGN.md par projet front + export Tailwind dans la pipeline. Adopter le format `google-labs-code/design.md` pour figer l'identité visuelle des projets et la rendre lisible par Marco. Concrètement : (1) créer `DESIGN.md` à la racine de `cave-shopify` et `miso-landing` (front commerciaux où la cohérence visuelle compte), avec YAML front matter (colors, typography, rounded, spacing, components button-primary etc.) + sections prose Overview/Colors/Typography/Components ; (2) installer `@google/design.md` en devDep et ajouter `npm run design:lint` (script `designmd lint DESIGN.md`) + `npm run design:export` qui pipe `designmd export --format css-tailwind DESIGN.md > app/theme.css` (Tailwind v4) ou `--format json-tailwind` pour v3 ; (3) câbler le lint dans la CI à côté de `npm run lint` — exit code 1 sur broken-ref ou regression ; (4) côté Marco : faire lire le DESIGN.md du projet courant par le dev agent au début de chaque feature front (injection dans le prompt via `npx @google/design.md spec`), pour qu'il génère des composants alignés sans qu'on redécrive la palette à chaque session. Marco-dashboard peut suivre plus tard (interne, moins prioritaire).