ContentAvançado

Design Lab Skill

por0xdesign·0xdesign· v1.0.0 · atualizado em 2026-04-11

Score

Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when the user wants to explore UI design options, redesign existing components, or create new UI with multiple approaches to compare.

ui-designdesign-systemsuser-experiencefrontend-developmentdesign-thinkingdesign-automationui-prototyping

Linguagens

TypeScriptJavaScriptHTMLCSS

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mddesign-lab/workflow

Detect project configurations (package manager, framework, styling).

Interview the user to gather design requirements and preferences.

Generate a design brief summarizing the user's input.

Create multiple UI design variants in a temporary design lab.

Present the design lab to the user and collect interactive feedback.

Synthesize feedback and refine the design.

Generate an implementation plan with component API, UI states, and testing checklists.

Update the design memory with the finalized design.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aFramer Code Development

60%

Similar aUI Design Brain

60%

Similar aSync Figma Token

60%

Árvore do Skill

Design Lab Skill

design-lab

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.EVALUATE

6.REFLECT

Triggers7

create ui variationsgenerate design optionsexplore ui designredesign existing uicreate a design labcompare ui approachesgenerate ui implementation plan

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 design-lab

$ synaptic skills detail design-lab

$ synaptic skills live design-lab

Dependências

next.js vite remix nuxt astro tailwind-css @mui/material @chakra-ui/react antd styled-components @emotion/react

Links

GitHub Repository