/imageDesignGerar e otimizar imagem para marketing e produto
Criação e edição de imagem com direção — e, tão importante quanto, a otimização que evita foto de 4 MB no topo da página.
Para: Marketing e produto
O que é
Cobre as duas pontas: gerar ou editar a imagem e prepará-la para uso real. A segunda parte é a mais subestimada — imagem é quase sempre o maior peso de uma página, e uma foto não otimizada derruba o carregamento mais do que qualquer código.
Na parte de edição sobre imagem existente — estender para outro formato, remover objeto, limpar fundo, ajustar luz — o resultado é consistentemente melhor do que na geração do zero, porque a base é real.
Quando usar
- Adaptar uma mesma peça para formatos diferentes de rede social
- Preparar imagem para a web: dimensão certa, formato certo, peso certo
- Retoque em foto real — remover objeto, ajustar enquadramento, limpar fundo
Quando não usar
- Para o hero da landing page: imagem gerada é reconhecível e custa credibilidade justo no ponto mais visível
- Para retratar pessoas ou clientes que não existem
- Para simular tela de produto — interface inventada é propaganda enganosa
O erro mais comum
Publicar a imagem no tamanho em que ela foi gerada. Uma peça de 2000 px de largura num espaço de 600 px é três vezes mais bytes do que o necessário, e o visitante em conexão ruim paga por isso.
O outro erro é o estilo denunciar a origem: degradê roxo-azulado, brilho difuso, "futurista". É a média do que essas ferramentas produzem — e o público já reconhece.
Instalação
$ npx skills add anthropics/skillsOutras skills de Design
- /frontend-designInterface com hierarquia, espaçamento e contraste corretosVai além de 'fazer funcionar': cobra hierarquia visual, escala de espaçamento consistente e contraste que passa em acessibilidade.
- /design-motion-principlesAnimação que comunica, não que decoraPrincípios de movimento e interação — duração, curva, propósito. Para animar com intenção em vez de por reflexo.
- /brand-guidelinesManter consistência de marca no que a IA produzAplica paleta, tipografia e regras da marca a qualquer artefato gerado — para o material não sair com cara de template.