Skill em Destaque

Valide seu DESIGN.md contra a spec do Google

Valide estrutura, contraste WCAG, referências de tokens quebradas e exporte para Tailwind — usando o CLI oficial @google/design.md. Sempre a versão mais recente, zero config.

npx skills add https://github.com/fabricioctelles/skills -s design-md-validator
lintdiffexportWCAG AATailwind v4DTCG

Baseado em @google/design.md — 26k+ ⭐ on GitHub • Official Spec

Ver documentação completa →

O que valida

broken-ref

Token references que não resolvem para nenhum token definido

missing-primary

Cores definidas mas sem cor primary

contrast-ratio

Pares backgroundColor/textColor abaixo do mínimo WCAG AA (4.5:1)

orphaned-tokens

Tokens de cor definidos mas nunca referenciados por componentes

token-summary

Resumo de quantos tokens estão definidos em cada seção

missing-sections

Seções opcionais (spacing, rounded) ausentes quando outros tokens existem

missing-typography

Cores definidas mas sem tokens de tipografia

section-order

Seções fora da ordem canônica da spec

unknown-key

Chave YAML top-level parece typo de chave conhecida (ex: colours: → colors:)

token-like-ignoredpróxima release

Chave YAML top-level que parece um mapa de design tokens mas não faz parte do schema reconhecido e será ignorada sem aviso

Mais skills deste repositório

9 skills

Instale todas as skills de uma vez:

npx skills add https://github.com/fabricioctelles/skills

Catálogo completo em skilldev.pro →

Compatível com: Claude Code • Cursor • Kiro • Windsurf • Codex • Gemini CLI