Descrição da ferramenta: O DESIGN.md Inspector automatiza a extração de tokens de design de qualquer página, gerando arquivos DESIGN.md e SKILL.md compatíveis com agentes de IA, facilitando a documentação e integração de sistemas de design.
Atributos:
🛠️ Extração automática: Identifica e captura tokens de design visíveis na página sem intervenção manual.
📄 Geração de arquivos estruturados: Cria documentos no formato markdown seguindo o padrão Google DESIGN.md.
🔍 Análise visual: Escaneia elementos visuais e propriedades CSS personalizadas na interface do usuário.
⚙️ Compatibilidade com IA: Produz arquivos utilizáveis por agentes como Claude, Codex e Cursor para codificação assistida.
🌐 Acesso via navegador: Funciona através do painel lateral em qualquer site acessado pelo navegador Chrome.
Exemplos de uso:
🖥️ Análise de páginas web: Extração rápida dos tokens de design para documentação ou revisão visual.
📝 Criação de documentação técnica: Geração automática dos arquivos DESIGN.md e SKILL.md para projetos de UI/UX.
🤖 Integração com agentes AI: Utilização dos arquivos gerados para treinar ou orientar modelos de IA na codificação baseada em design system.
🔧 Aprimoramento de componentes: Identificação dos estilos utilizados para refino ou replicação em novos componentes.
🌍 Avaliação cross-browser: Comparação dos tokens extraídos entre diferentes páginas ou versões do site.