Design extract

Spec §10 / §21.3.2: tokens espalhados pelos arquivos CSS / tema de um repositório / configuração do Tailwind / helpers do styled-components / partes do SCSS precisam ser reunidos em um único local antes que token-map possa cruzá-los com o sistema de design OD ativo. Este átomo faz essa coleta; a forma de entrada é intencionalmente genérica para que o mesmo átomo sirva tanto para migração de código quanto para migração do Figma quando alimentado com fontes diferentes.

Entradas

• code/index.json de code-import (migração de código), OU
• figma/tree.json de figma-extract (migração do Figma), OU
• Uma pasta de imagens de captura de tela (fluxos de ajuste rápido do tune-collab).

Saída

project-cwd/
└── code/
    └── tokens.json     # { colors[], typography[], spacing[], radius[], shadow[] }

Cada entrada de token carrega:

{
  "kind":     "color",
  "name":     "primary-500",     // optional source name
  "value":    "#5b8def",          // canonical value
  "sources": ["styles/global.css:42", "tailwind.config.js:24"],
  "usage":   ["Header.tsx", "Footer.tsx"]
}

sources[] e usage[] são as referências token-map.unmatched.json do registro de auditoria quando um token de destino não é encontrado.

Convergência

O átomo é concluído quando code/tokens.json existe. Sacolas de tokens vazias emitem um evento de aviso, mas não abortam — token-map lida com o caso vazio pulando sua passagem de mapeamento.

Antipadrões que o fragmento do prompt proíbe

• Valores hexadecimais codificados diretamente dentro de literais JSX (color: '#fff') são tokens para os propósitos deste átomo; registre-os com kind:'color' e um nome sintético para que não desapareçam no ruído.
• Escaneamentos de utilitários do Tailwind devem desduplicar referências de paleta contra o tema ativo — nunca liste bg-blue-500 e bg-blue-600 como um token.

Status

Implementado pelo daemon runner em apps/daemon/src/plugins/atoms/design-extract.ts. Ele escaneia os arquivos de origem indexados, extrai evidências de tokens CSS, Tailwind e JavaScript, e escreve code/tokens.json.