design

Per-page mockup→contract reconciliation operator for the design funnel. Use when an arbitrary mockup page must be faithfully mapped onto the 3-layer contract (tokens · components · charter), measured property-by-property at each breakpoint. Returns a correspondence-table fragment (proposed token/component contributions + flagged divergences) for `define` to aggregate. Never freezes, never arbitrates, never spawns agents.

Pivot de l'entonnoir. Arbitre les incohérences entre maquettes, directions ou pistes issues de destructure (motif dominant gagne ; gate humain sur les cas non tranchables), puis fige le contrat : canonise les tokens, écrit le manifeste components.json (vocabulaire fermé, 2e couche), marque la charte comme figée et bumpe la version. Explicitement rejouable : un re-figeage bumpe la version et déclenche la réconciliation dans enforce.

Verbe 1 de l'entonnoir design (define → destructure → adjust → enforce → diffuse). Pose la matière de design encore MALLÉABLE d'un projet : tokens de travail, inventaire de composants candidats (en prose), charte brouillon. Source unique d'entrée — soit l'EXTRACTION de maquettes existantes (capture/screenshot/ URL/Figma/CSS), soit la CONSTRUCTION depuis un brief écrit (positionnement, user story, pas de visuel). Unifie les anciennes from-reference + from-brief. Produit design/tokens.json + design/design-system.md (brouillon, NON figé) + adapters. N'écrit JAMAIS de manifeste (components.json) : le figeage est le rôle de adjust (verbe 3). Ne challenge pas la direction — c'est destructure ; ne vérifie pas une page — c'est enforce.

Verbe 2 de l'entonnoir design (define → destructure → adjust → enforce → diffuse). Le CHALLENGE côté design — pendant de aidd-refine:02-challenge, mais pour la direction visuelle, pas pour un plan. Déconstruit le "plausible générique", critique la direction posée par define, et propose des inspirations et pistes d'évolution alternatives (phase DIVERGENTE). Double usage : (1) dans l'entonnoir, sur la sortie de define ; (2) STANDALONE sur un élément existant isolé pour explorer comment il pourrait évoluer. Lecture seule — produit un rapport structuré (critique + pistes actionnables + score), n'applique RIEN (l'application est adjust). Absorbe l'ancien diagnose. Ne pose pas la matière — c'est define ; ne fige pas — c'est adjust.

Produit les éléments de design répétables que le LLM réutilise sans refaire la création graphique. Définit l'élément en forme NEUTRE (consomme le manifeste, vocabulaire fermé), puis rend en HYBRIDE : (1) BASELINE adaptateur interne HTML+CSS (universel, sans pivot) ; (2) PIVOT technique vers sc-<techno>:design-bridge quand présent, pour un rendu natif idiomatique (block pattern WP via sc-php, composant Vue/React via sc-js). Chaque rendu passe sous le gate enforce (lint vert obligatoire avant clôture). Absorbe ex-wireframe, ex-component, ex-export-wordpress.

Transforme le contrat figé (tokens.json + components.json) en gate vérifiable, en HYBRIDE. (1) BASELINE : installe lint-core.mjs portable (dérivé du contrat, aucune liste codée en dur), câble les 3 gates (rules de génération · success_condition des plans · hook pre-commit auto-armé). Porte le lint instances/DB + boucle corriger→propager→re-lint. (2) PIVOT : si un sc-<techno> est présent pour le langage du projet, émet un spec d'enforcement agnostique (sc-pivot-contract.md) et relaie la réalisation NATIVE idiomatique du linter au sc-<techno>:design-bridge. Dégradation gracieuse si aucun sc-<techno> disponible.