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

UI Design Brain

porcarmahhawwari·carmahhawwari· v1.0.0 · atualizado em 2026-04-11
83
Score

Generate production-grade UI using real component patterns and best practices from over 60 documented interface components. Use when the user asks to build web interfaces, pages, dashboards, forms, navigation, or any UI. This ensures modern, minimal, SaaS-quality output grounded in design system conventions rather than generic AI patterns.

ui-designweb-designcomponent-librarydesign-systemfrontend-developmentuser-interface
Linguagens
TypeScriptJavaScriptHTMLCSS
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdui-design-brain/workflow
1
Identify Components: — Determine the necessary UI components based on the user's request.
2
Apply Best Practices: — Follow best practices for each component from the component reference.
3
Choose Design Direction: — Select a style preset (Modern SaaS, Minimal, etc.) or clarify with the user.
4
Generate Code: — Write production-ready React + Tailwind CSS code.
5
Implement States: — Add hover, focus, active, and disabled states.
6
Ensure Responsiveness: — Test at 375, 768, and 1440 px.
7
Check Accessibility: — Use semantic HTML and ARIA where needed.

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 aFramer Code Development
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
84
Similar a ←Sync Figma Token
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar a ←Blueprinter
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Sketch Implement Design
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar a ←Frontend Design Review
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Modern Frontend Design
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar a ←Design Thinking
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
81
Similar a ←Design Lab Skill
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar a ←Pencil To Code
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
78
Similar a ←Visual Explainer
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
84
Similar a ←Moai Domain UI/UX
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar a ←Info Card Designer
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
76
Similar a ←AI Slide Generator - AnyGen
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar a ←UI/UX Design Pro
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
84

Árvore do Skill

UI Design Brain
ui-design-brain
Fases Cognitivas6
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.RECOMMEND
5.ACT
6.REFLECT
Triggers8
generate a web interfacedesign a SaaS dashboardbuild a user interfacecreate a web pagedesign a formgenerate a react componentcreate a landing pagebuild a settings page

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

Dependências

React

Links

GitHub Repository