Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

shadcn/ui Component Integration

porgoogle-labs-code·google-labs-code· v1.0.0 · atualizado em 2026-04-10
80
Score

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

shadcn-uireacttailwind-cssui-componentsfrontend-developmentcomponent-libraryradix-ui
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdshadcn-ui/workflow
1
Identify the desired component — : Determine which shadcn/ui component is needed.
2
Check project setup — : Ensure React, Tailwind CSS, and necessary dependencies are installed.
3
Install the component — : Use `npx shadcn@latest add [component-name]` or manual integration.
4
Customize the component — : Modify styling, behavior, and structure as needed.
5
Integrate into your application — : Import and use the component in your React components.
6
Test and validate — : Verify the component functions correctly and looks as expected.
7
Troubleshoot issues — : Resolve any import errors, style conflicts, or missing dependencies.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aVercel React Best Practices
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aWeb Interface Guidelines
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar afrontend-design
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
85

Árvore do Skill

shadcn/ui Component Integration
shadcn-ui
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers8
integrate shadcn/ui componentinstall shadcn/ui buttoncustomize shadcn/ui themeadd shadcn/ui dialoguse shadcn/ui in my projectconfigure shadcn/uiinstall shadcn componentscreate a new shadcn project

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
$ synaptic skills detail shadcn-ui
$ synaptic skills live shadcn-ui

Dependências

reacttailwindcssradix-uibase-uiclass-variance-authorityclsxtailwind-mergereact-hook-formlucide-react

Links

GitHub Repository