Design

Escolha o visual de cada projeto.

Mulher fictícia no mar, vista de costas, com montanhas e litoral do Rio ao fundo. Fotografia gerada por IA. — Maré · estudo estático original com fotografia gerada por IA.

Maré · estudo estático original com fotografia gerada por IA.

Noha OS: resumo combinado, gráfico de barras e prioridades. Dados de amostra; interface em português. — Noha OS · captura de referência com dados de amostra e interface em português. Sem interação nesta página.

O que a skill faz

Conduz o projeto do briefing ao acabamento: referências, composição, tipografia, imagens, movimento e revisão visual. Seleciona os guias conforme a peça.

Como funciona

Identifique o tipo de peça e seu público.
Defina princípios e estude as referências relevantes.
Explore direções distintas e escolha uma base.
Refine aplicações reais e confira os pixels.
Entregue o sistema e suas evidências.

O que você traz

O que você vai criar, para quem, com quais textos, imagens e referências.

O que você recebe

Uma direção visual, regras de uso e exemplos aplicados ao projeto.

O que conferir antes

Os guias mudam conforme a peça: site, apresentação ou marca. Apps nativos usam Mobile. O trabalho web inclui estados, comportamento responsivo e revisão da página inteira.

Dentro da skill

SKILL.md — entrada e processo
Guias por contexto e critérios de qualidade
Origem e limites das referências

Candidata local em revisão. Download da nova versão ainda não liberado.

Seu setup ↗

Voltar à biblioteca Próxima skill: Motion →