AI Design Components vs Impeccable: engenharia completa vs design refinado
por Fabricio Telles··design.app.br
Amplitude de engenharia vs profundidade de design
AI Design Components (Andrew Coleman, 76 skills) e Impeccable (Paul Bakaus, 16k stars) equipam a IA de formas bem diferentes.
AI Design Components quer que o Claude saiba de tudo — frontend, backend, DevOps, infra, segurança, cloud, AI/ML. O generalista sênior.
Impeccable quer que o Claude saiba de design — tipografia, cor, layout, motion, interação, responsividade, acessibilidade. O especialista visual.
Quase não se sobrepõem
AI Design Components tem 15 skills de frontend (UI components, forms, data viz, navigation). Impeccable tem 20 comandos de design (audit, polish, typeset, animate, etc.). O overlap real é pequeno — um foca em padrões de componentes, o outro em qualidade visual.
| Aspecto | AI Design Components | Impeccable |
|---|---|---|
| Total de skills | 76 | 1 (com 20 comandos) |
| Foco | Full-stack | Design visual |
| Tipografia | Básica | 7 referências de domínio |
| Cor e contraste | Básica | OKLCH, dark mode, a11y |
| Infra/DevOps | 18 skills | Nenhuma |
| Contexto persistente | Via skillchain | .impeccable.md |
| Acessibilidade | Parcial | Completa |
| Performance | Infra-level | UI-level |
Engenharia + polish
AI Design Components monta a arquitetura e estrutura. Impeccable cuida de tudo que o usuário vê.
Na prática: o skillchain do AI Design Components guia a construção — “dashboard with charts and filters” → seleciona skills de UI, data viz, API. Depois, Impeccable refina: /audit para a11y, /typeset para tipografia, /polish para o passe final.
É a dupla mais completa que testei: um constrói, o outro lapida.
Se só pode instalar um: quem monta sistemas full-stack vai de AI Design Components. Quem faz frontend e quer qualidade visual vai de Impeccable.
Fontes: github.com/ancoleman/ai-design-components | github.com/pbakaus/impeccable