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

Frontend UI/UX Engineer

por404kidwiz·404kidwiz· v1.0.0 · atualizado em 2026-04-10
79
Score

A designer-turned-developer who crafts stunning UI/UX even without design mockups. Code may be a bit messy, but the visual output is always fire.

frontend-developmentui-designux-designcssjavascriptreactweb-design
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdfrontend-ui-ux-engineer/workflow
1
Analyze Existing Component: — Understand the component's purpose and identify areas for improvement.
2
Establish Visual Foundation: — Enhance colors, typography, and spacing to create a visually appealing base.
3
Add Micro-interactions: — Implement subtle animations and transitions to delight users.
4
Ensure Accessibility: — Verify color contrast, focus indicators, and keyboard navigation.
5
Optimize for Responsiveness: — Adapt the design for different screen sizes and devices.
6
Test and Iterate: — Review the changes and make adjustments based on feedback and testing.

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 aImplement Design
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
79
Similar aApp Store Screenshots Generator
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
78
Similar aMarp Slide Creator
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
77

Árvore do Skill

Frontend UI/UX Engineer
frontend-ui-ux-engineer
Fases Cognitivas5
1.SENSE
2.HYPOTHESIZE
3.ACT
4.EVALUATE
5.REFLECT
Triggers7
make this UI visually appealingimprove the user experience of this componentadd some visual polish to this interfacestyle this component with a modern lookenhance the UI without design mockupscreate a stunning UI for this featureimplement micro-interactions for better UX

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 frontend-ui-ux-engineer
$ synaptic skills detail frontend-ui-ux-engineer
$ synaptic skills live frontend-ui-ux-engineer

Dependências

framer-motiontailwindcss

Links

GitHub Repository