,

Design

Un entonnoir en cinq verbes qui transforme un brief ou une référence en design system opposable : des artefacts JSON qu’un linter sait lire, jamais une charte en prose qu’on croit avoir respectée.

Philosophie

La seule référence opposable est celle qu’un outil sait lire — pas la charte en prose, pas les maquettes qui divergent entre elles, mais cinq artefacts JSON racinés par release.json (tokens.json, components.json, policies.json, oracle.json, deviations.json). Un linter dérive ses règles de ce contrat à chaque livraison : une classe ou une couleur hors manifeste ne se génère pas.

Fonctionnement général

Le pipeline compte cinq verbes : define → destructure → adjust → enforce → diffuse. adjust est le point de bascule — avant lui tout change sans coût, après lui chaque changement est un bump de version. Trois skills restent hors pipeline : detail (verbe 0, lecture seule, oriente vers la bonne séquence), wireframes et harness (exploration et référence d’interface mesurable).

Skills disponibles

  • /design:detail — verbe 0, lecture seule : la carte des verbes ou la séquence pour un cas.
  • /design:define — extraction depuis référence/brief → tokens + charte brouillon.
  • /design:destructure — challenge la direction avant de la figer.
  • /design:adjust — arbitrage et figeage du contrat (bascule du pipeline).
  • /design:enforce — linter portable dérivé du contrat.
  • /design:diffuse — produit un élément répétable sous gate.
  • /design:wireframes — planches HTML desktop/mobile, hors entonnoir.
  • /design:harness — référence HTML autonome pilotée par l’oracle de fidélité, hors entonnoir.

Exemples de workflows

  • /design:detail route — quelle séquence suivre pour mon cas, sans rien écrire.
  • /design:define — extraction depuis une référence ou un brief → tokens + charte brouillon.
  • /design:destructure — challenge la direction avant de la figer.
  • /design:adjust — arbitre et fige le contrat.
  • /design:enforce puis /design:diffuse <composant> — câble le linter, puis produit un élément sous gate.

C’est ce plugin qui pose design/tokens.json et design/components.json sur ce site — le contrat que le gate de ce même thème fait respecter.