Os recursos que mostrei
Slides 12 e 33 a 38. Abra a fonte para conferir como cada recurso funciona.
- Jogar Spot the SlopCompare duas interfaces e escolha qual delas tem slop.
- O formato DESIGN.md do Google LabsUma referência para registrar a identidade visual e o porquê das decisões onde o agente de código lê.
- Exemplos de DESIGN.mdA coleção da VoltAgent reúne arquivos extraídos de sites públicos, inclusive o da Apple. Servem de exemplo; não são regras oficiais dessas marcas.
- O comando que confere o DESIGN.mdA documentação da ferramenta mostra como apontar problemas no arquivo e comparar versões.
- O detector do ImpeccableComo rodar a conferência no código ou na página e levar o comando para o CI.
- A conferência do seu design systemOs exemplos de fonte, cor, raio e tamanho fora das regras do DESIGN.md ficam no catálogo do Impeccable.
- O contexto do design junto da telaO Figma Specs aproxima as regras e o porquê das telas que o time e os agentes vão usar.