specsfy-specialist-shadcn-ui
Instalar, compor e adaptar shadcn/ui com registry, Radix, theming, formulários, tabelas, gráficos, sidebars e componentes acessíveis. Use quando houver components.json, componentes shadcn ou pedido explícito por shadcn; trate o código copiado como código do projeto.
How do I install this agent skill?
npx skills add https://github.com/promovaweb/specsfy --skill specsfy-specialist-shadcn-uiIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill is a development specialist for the shadcn/ui component library. It provides architectural patterns, accessibility checklists, and links to official documentation. No security issues or malicious patterns were detected.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
shadcn/ui
Fluxo
- Confirmar framework, versão,
components.json, aliases, CSS e registry. - Auditar componentes já incorporados antes de adicionar novos.
- Escolher primitives pelo comportamento e semântica exigidos.
- Adicionar o menor conjunto e revisar o código gerado.
- Adaptar tokens, variantes e composição sem quebrar acessibilidade do primitive.
- Construir estados reais: loading, empty, error, disabled e permission denied.
- Testar teclado, foco, responsividade, formulário e tema.
Padrões
- Não tratar shadcn/ui como dependência opaca; o source pertence ao projeto.
- Preservar roles, labels, focus management e escape dos primitives.
- Centralizar tokens; evitar editar dezenas de componentes para trocar tema.
- Compor Data Table por caso de uso, sem inventar componente universal.
- Fazer Sidebar responder a viewport, densidade e hierarquia de navegação.
- Validar formulários no servidor e associar erros a campos.
- Atualizar componente somente após comparar diff e customizações locais.
Validação
- Typecheck, lint, testes e build.
- Navegação completa por teclado, focus trap e retorno de foco.
- Mobile/desktop, tema claro/escuro, zoom e conteúdo longo.
- Estados de tabela, gráfico, formulário, dialog e sidebar usados.
Leia references/standards.md para registry, padrões de dashboard, composição e fontes oficiais.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/promovaweb/specsfy/specsfy-specialist-shadcn-ui">View specsfy-specialist-shadcn-ui on skillZs</a>