design-canonlisted

Aplica uma DISCIPLINA de design (preset) aos tokens de QUALQUER design system e emite em CSS, SCSS, Tailwind v4 @theme, JSON, W3C Design Tokens e Style Dictionary. Modelo — disciplina ⊥ marca - o preset traz o método (razão de escala de tipo, grids, pesos de régua, semântica de cor, fallback de fonte); a marca traz os valores (paleta, fontes, base) via config JSON ou flags. Presets - vignelli (Canon), swiss (estilo internacional), blank (passthrough). Determinístico, zero rede. MANDATORY TRIGGERS — design tokens, tokens de design, design system, gerar/exportar tokens, Tailwind theme, @theme, W3C design tokens, style dictionary, escala de tipo, type scale, set de grid, pesos de régua, paleta como identificador, handoff dev, normalizar design system, método Vignelli, estilo suíço, swiss style, converter paleta em tokens. Use SEMPRE que o pedido for gerar, normalizar, exportar ou disciplinar tokens de design a partir de paleta/tipografia/grid — mesmo sem citar a skill.
1marcelserrano/design-canon · ★ 0 · Web & Frontend · score 57

Install: claude install-skill 1marcelserrano/design-canon

# Design Canon — engine de disciplina de design Gera tokens de design determinísticos aplicando uma **disciplina** (método) aos **valores** de qualquer design system. Emite seis formatos sem dependência externa. ## O MODELO: disciplina ⊥ marca Duas coisas ortogonais. Não as confunda — é o eixo inteiro da skill. | | O quê | De onde vem | |---|---|---| | **Disciplina** (preset) | O método: razão da escala de tipo, set de grids canônicos, pesos de régua, regras de alinhamento, semântica de cor (identificador vs. livre), estratégia de fallback de fonte. **A régua.** | `--preset` (embutido no script) ou um config custom | | **Marca** (input) | Os valores: paleta, fontes, tamanho base. **O conteúdo.** | `--config DS.json` e/ou flags (`--primary`, `--base`, `--face`) | Você renderiza os valores da marca **através de** uma disciplina. O mesmo DS da MSCS pode sair pela disciplina Vignelli (cor = identificador, dois tamanhos, régua dura) ou pela `blank` (sem opiniões, só normaliza). A disciplina nunca troca os valores da marca — ela impõe a *estrutura* e *avisa* quando a marca viola o método. ## QUANDO USAR - Tokens de design para handoff dev a partir de uma paleta/tipografia (qualquer marca) - Normalizar um DS existente em tokens multi-formato (CSS / SCSS / Tailwind / JSON / W3C / Style Dictionary) - Aplicar rigor de método (Vignelli, suíço) a um DS de cliente ou ao DS da casa - Sistema de identidade: grid + escala de tipo + cor como identificador - Spec de sinalização / wayfin