Como fazer IA respeitar design system?

Documente tokens (cor, tipo, espaçamento, radius) e lista de componentes permitidos num arquivo que o agente lê antes de gerar. No prompt, proíba inventar novas cores e exija uso dos tokens nomeados.

Antigravity piora acessibilidade?

Pode, se ninguém revisar foco, contraste e hierarquia de headings. Use checklist WCAG nos estados principais e teste teclado; Lighthouse ajuda mas não substitui revisão humana.

Preciso de Storybook com IA?

Ajuda muito: estados visíveis e regressão quando o modelo refatora. Mesmo um catálogo mínimo de variantes reduz drift de UI entre telas.

Antigravity + design system: UI consistente

Sem tokens, cada tela vira estilo diferente. IA amplifica inconsistência se você não travar regra.

DevDoido

9 min de leitura

𝕏

DesignA11yUI

TL;DR

Antigravity + design system: UI consistente. Sem tokens, cada tela vira estilo diferente. IA amplifica inconsistência se você não travar regra.

Prompts úteis

“Use apenas tokens X; não invente cor; botão primário é ButtonPrimary”. Repita no system prompt do projeto.

Acessibilidade

Foco visível, labels em input, heading hierarchy. Lighthouse não substitui teste com teclado.

Leitura relacionada no hub

Este artigo aprofunda um recorte do tema principal. Para a visão geral que originou esta série, abra o post de referência: Antigravity e AI builders. Use os links internos para navegar entre os spokes sem perder contexto.

relacionados

Continue lendo

10 bugs mais caros

Bugs que custaram bilhões

ler artigo

Aprenda na prática no CrazyStack

Cursos e conteúdo para devs que querem construir de verdade.