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

Base UI React

porjackspace·jackspace· v1.0.0 · atualizado em 2026-04-11
80
Score

Provides a foundational set of React UI components for building user interfaces. Includes common elements like buttons, forms, and data displays, designed for consistency and reusability.

reactui-librarycomponent-libraryrender-propsaccessibilityfrontend-development
Linguagens
TypeScriptJavaScript
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdbase-ui-react/workflow
1. Install the `@base-ui-components/react` package.
2. Import the desired component (e.g., `Dialog`, `Popover`).
3. Implement the component using the render prop pattern, ensuring all props are spread.
4. For floating components (Select, Popover, Tooltip), wrap the `Popup` in a `Positioner`.
5. Style the components using Tailwind CSS or another styling solution.
6. Test the component for accessibility and correct positioning.
7. Address any known issues based on the provided prevention steps.

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 aTauri v2 JavaScript Frontend Integration
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aReact Flow
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aTone.js Skill
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Base UI React
base-ui-react
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.RECOMMEND
4.ACT
5.REFLECT
Triggers8
use Base UI React componentsimplement a dialog with Base UIcreate a popover with Base UIadd a tooltip using Base UImigrate from Radix UI to Base UIfix positioning issues with Base UI componentsstyle Base UI componentsintegrate Base UI with Tailwind CSS

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

Dependências

@base-ui-components/reactreactvitetailwindcss@floating-ui/react

Links

GitHub Repository