Projetos open source sobre “design-system”

Analisa qualquer site com Playwright e extrai seu sistema de design (cores, tipografia, espaçamento e componentes), exportando-o como Tailwind, React, tokens ou Markdown.

Coleção open source de logos de tecnologia em SVG otimizados e personalizáveis, distribuída como pacote npm para React/TypeScript.

Uma biblioteca de componentes gratuita e de código aberto que adiciona componentes de UI prontos como nomes de classes sobre o Tailwind CSS.

Coleção de Agent Skills e plugins que permitem que agentes de programação trabalhem com projetos de design do Google Stitch pelo servidor Stitch MCP.

Uma CLI que extrai o sistema de design de um site, repositório ou projeto local para uma pasta de arquivos que o Claude Code pode ler para criar uma UI alinhada ao projeto.

CLI e servidor MCP que extraem do DOM ao vivo o sistema de design completo de um site (cores, tipografia, espaçamento e movimento) e geram tokens e arquivos prontos para frameworks.

Agent Skills que ajudam agentes de programação a criar frontends com identidade visual, fotos reais e validação visual no navegador, em vez de landing pages genéricas de IA.