diffuse

diffuse

Rôle dans l'entonnoir

define → destructure → adjust (figé) → enforce (gate) → diffuse (PRODUCTION)

diffuse est le point de sortie. Il traduit le contrat figé en éléments concrets réutilisables par le LLM à chaque session — sans qu'il ait besoin de recréer la direction visuelle.

Ce que diffuse produit

Artefact	Description
Spec neutre	Représentation canonique de l'élément (composant + variantes + slots + a11y) — stack-agnostique, ne référence que le manifeste
Rendu baseline	HTML + CSS utilisant uniquement les classes et tokens déclarés
Rendu natif (avec pivot)	Block pattern WP (sc-php), composant Vue/React (sc-js), ou autre stack via sc-*

Invariant critique : gate enforce

Aucun rendu n'est clôturé si lint-core.mjs sort en exit 1. Si le rendu produit des violations, 02-render corrige et re-lint avant de livrer. Ce gate est non négociable.

Architecture hybride

diffuse
  ├── 01-define-element → spec neutre (vocabulaire fermé)
  │
  └── 02-render
        ├── Sélectionne l'adaptateur
        │     ├── sc-php présent + cible WP → 03-pivot → sc-php:design-bridge
        │     ├── sc-js présent + cible JS  → 03-pivot → sc-js:design-bridge
        │     └── sinon                     → adapters/html-css.md (baseline)
        │
        └── enforce gate → lint vert obligatoire → livraison

Flux d'exécution

1. 01-define-element — identifier le composant dans components.json, construire la spec neutre (slots, variantes, fond, a11y).
2. 02-render — sélectionner l'adaptateur selon la stack cible, rendre, lint, corriger si nécessaire.
3. 03-pivot (si applicable) — émettre le spec de rendu et relayer à sc-<techno>:design-bridge.

Ce que diffuse NE fait PAS

• Diffuse n'invente pas de nouveaux composants (→ adjust pour étendre le manifeste).
• Diffuse ne modifie pas le contrat (tokens.json, components.json).
• Diffuse ne critique pas la direction (→ destructure).

Références

• diffuse/adapters/html-css.md — baseline renderer (universel)
• design/references/sc-pivot-contract.md — format du spec de rendu (pivot)
• design/references/wordpress-pitfalls.md — pièges WP (propagation, classes appariées, CLI)
• enforce/adapters/lint-core.mjs — gate de lint (exécuté avant toute clôture)