Ir para o conteúdo
↑↓navegar↵abrirescfechar
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Web Design Engineer logo
Skill

Web Design Engineer

Crie interfaces web refinadas com intenção visual

0
SalvarVisitar site ↗

Instalação

github.com/ConardLi/garden-skills/tree/main/skills/web-design-engineer
Acionada por

When building or redesigning visual web artifacts—pages, dashboards, prototypes, animations, and UI systems—with intentional design direction.

O design para web exige que cada escolha visual tenha uma intenção clara. Esta habilidade conduz os agentes além do HTML funcional, em direção a um acabamento estético, enfatizando sistemas de design definidos, imagens autênticas do produto e padrões de interação intencionais.

Destaques

  • Fluxo orientado pelo design com três pontos obrigatórios de validação: definição do sistema, revisão do rascunho e decisões importantes de implementação
  • Exige recursos reais, como logotipos, tipografia e fotografias do produto, em vez de silhuetas em CSS ou elementos provisórios genéricos
  • Abrange páginas de marketing, painéis de dados, apresentações, animações, gráficos e bibliotecas de componentes
  • Evita clichês gerados por IA, como fundos em degradê e padrões de cartões usados em excesso
  • Inclui orientações para testes de aceitação no navegador e controle visual de qualidade

A habilidade exclui explicitamente APIs de back-end, ferramentas de linha de comando, lógica pura e conversão automatizada de conteúdo, concentrando-se apenas no trabalho visual de front-end. É indicada para designers que trabalham com agentes de IA, equipes que criam sistemas de design e qualquer pessoa que desenvolva interfaces web com intenção e cuidado.

Comentários(0)

Entre para comentar

Ainda não há comentários — seja o primeiro.

Skills semelhantes

Denunciar este comentário

Por que você está denunciando isto?