DevelopmentMédio

Shadcn-ui Expert

pormajesteitbart·majesteitbart· v1.0.0 · atualizado em 2026-04-10

Score

Develop high-quality, accessible React components using shadcn-ui, Tailwind CSS, and Radix UI. Use when building forms, layouts, dialogs, tables, or any UI components. Supports Next.js, Vite, Remix, Astro, and more; integrates with shadcn MCP server for component discovery and installation.

reactui-componentsshadcn-uitailwind-cssradix-uifrontend-developmentcomponent-library

Linguagens

TypeScriptJavaScriptCSS

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdshadcn-ui-expert/workflow

1. Initialize shadcn-ui in the project using `npx shadcn-ui@latest init`.

2. Identify the required UI component (e.g., button, form, dialog).

3. Install the component using `npx shadcn-ui@latest add <component-name>`.

4. Import the component into the React application.

5. Configure the component with necessary props and event handlers.

6. Style the component using Tailwind CSS classes or CSS variables.

7. Test the component for functionality and accessibility.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aAceternity UI Skill

60%

Similar aTailwind Best Practices

60%

Similar aAngular Core Mental Model

60%

Árvore do Skill

Shadcn-ui Expert

shadcn-ui-expert

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.REFLECT

Triggers8

create a form with shadcn-uiadd a button using shadcn-uiinstall a data table componentbuild a dialog with shadcn-uicustomize a shadcn-ui componentimplement a login form using shadcn-uistyle a component with Tailwind CSS in shadcn-uiadd a date picker using shadcn-ui

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download shadcn-ui-expert

$ synaptic skills detail shadcn-ui-expert

$ synaptic skills live shadcn-ui-expert

Dependências

shadcn-ui tailwindcss radix-ui react-hook-form zod @hookform/resolvers

Links

GitHub Repository