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

UI Wireframe & Mockup Generator

pormarkdown-viewer·markdown-viewer· v1.0.0 · atualizado em 2026-04-10
80
Score

Create UI wireframes and mockups using drawio XML format with platform-specific UI component libraries. Best for web page layouts, iOS/Android mobile app mockups, and Bootstrap-based designs. Built on drawio with mockup-specific stencils. NOT for simple flowcharts (use mermaid) or data visualization (use vega).

ui-designwireframingmockupdrawioweb-designmobile-designux-design
Linguagens
multi-language
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdwireframe/workflow
1. Choose the target platform (Web, iOS, or Android).
2. Select the appropriate stencil library for the chosen platform.
3. Add UI components from the stencil library to the canvas.
4. Arrange the components in a screen layout, considering spacing.
5. Add navigation flows between screens or components.
6. Wrap the drawio XML code in a ` ```drawio ` code fence.

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 aUX Writing
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aGame UI/UX Designer
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
83
Similar aDesign Audit Skill
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

UI Wireframe & Mockup Generator
wireframe
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.REFLECT
Triggers8
create a UI wireframegenerate a mockup for a mobile appdesign a web page layoutbuild a wireframe using drawiocreate an iOS mockupcreate an Android mockupdesign a dashboard wireframemake a wireframe for a website

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

Links

GitHub Repository