Specsfy Specialist Shadcn Ui: Install, Source and Security | FunnelSlayer
FunnelSlayer
Book a call

Specsfy Specialist Shadcn Ui

Published by promovaweb in specsfy

No known issues408 installs

What this skill does

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.

Add Specsfy Specialist Shadcn Ui to your agent

Review the source and files first. When you are ready, copy the prompt instruction or use the CLI command supported by your environment.

Install with a prompt

Paste this into a compatible coding agent:

add this skill "specsfy-specialist-shadcn-ui" from https://github.com/promovaweb/specsfy

Install with the CLI

Run this command in a controlled environment after reviewing the repository:

npx skills add https://github.com/promovaweb/specsfy --skill specsfy-specialist-shadcn-ui

Skill instructions

shadcn/ui

Fluxo

  1. Confirmar framework, versão, components.json, aliases, CSS e registry.
  2. Auditar componentes já incorporados antes de adicionar novos.
  3. Escolher primitives pelo comportamento e semântica exigidos.
  4. Adicionar o menor conjunto e revisar o código gerado.
  5. Adaptar tokens, variantes e composição sem quebrar acessibilidade do primitive.
  6. Construir estados reais: loading, empty, error, disabled e permission denied.
  7. 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.

Files included

  • agents/openai.yaml
  • references/standards.md
  • SKILL.md

More skills