Ckmbanner Design

• Você precisa de banners para uma ou mais plataformas de redes sociais e quer várias opções de estilo para escolher em uma única etapa.
• Você está executando uma campanha de anúncios e precisa de banners para Google Display ou Meta que estejam em conformidade com as regras de proporção de texto das plataformas.
• Você está criando a seção hero de um site e quer visuais gerados por IA compostos com as diretrizes da sua marca.
• Você precisa de banners para eventos ou impressão em 300 DPI com sangria e quer um fluxo de trabalho guiado e repetível.

• Você precisa de edição de vídeo, motion graphics ou banners animados — esta skill produz apenas imagens estáticas.
• Você precisa de design completo de website além de uma seção hero.
• Você precisa de serviços de produção gráfica para impressão (envio de arquivos prontos para gráfica, prova de cor) — a skill gera arquivos com especificações para impressão, mas não gerencia a produção gráfica.

Cada solicitação de design produz de 2 a 3 variantes distintas de direção de arte (padrão: 3), abrangendo estilos como minimalista, tipografia marcante, gradiente, glassmorphism, neon, geométrico, retrô e muito mais. Isso permite que você compare as direções antes de se comprometer com uma delas.

Padrões de fundo, gradientes e iterações rápidas utilizam um modelo Standard (Flash) rápido em 2K. Ilustrações principais, cenas fotorrealistas e fotos complexas de produtos utilizam um modelo Pro em 4K. A skill roteia automaticamente cada elemento para o modelo adequado com base na complexidade.

A referência de tamanhos integrada abrange Facebook Cover, Twitter/X Header, LinkedIn, YouTube Channel Art, Instagram Story e Post, leaderboard e medium rectangle do Google Ads, e heroes de sites. Banners em HTML/CSS são renderizados e capturados em screenshot com dimensões exatas em pixels.

Cada banner aplica regras de zona segura (conteúdo crítico nos 70–80% centrais), um único CTA, no máximo duas tipografias, uma taxa de contraste de 4,5:1 e a diretriz da Meta de menos de 20% de área de texto. As saídas para impressão são geradas a 300 DPI com cores CMYK e sangria de 3–5 mm.

Após a composição em HTML/CSS, cada banner é automaticamente capturado em uma screenshot e salvo como PNG nomeado usando o Chrome DevTools. Arquivos acima de 5 MB são comprimidos via Sharp. Os nomes dos arquivos de saída seguem a convenção kebab-case {style}-{width}x{height}.png, agrupados por pasta de campanha.

As diretrizes de marca armazenadas em docs/brand-guidelines.md são automaticamente injetadas em cada banner por meio de inject-brand-context.cjs, garantindo que cores, fontes e posicionamento do logotipo permaneçam consistentes em todas as variantes sem necessidade de reinserção manual.

Informe ao skill o título da sua campanha, o CTA e as plataformas de destino (por exemplo, Capa do Facebook + Post do Instagram + Cabeçalho do Twitter/X). Ele pesquisa referências de design, gera três opções de direção de arte por tamanho e entrega PNGs nomeados prontos para upload.

Forneça o texto do anúncio e os ativos da sua marca. A skill produz um par de formatos leaderboard (728×90) e retângulo médio (300×250), mantendo a área de texto abaixo de 20% para estar em conformidade com as políticas da Meta e do Google, e exporta PNGs comprimidos prontos para upload direto na sua plataforma de anúncios.

Descreva o produto ou mensagem e o estilo visual preferido. A skill gera uma imagem hero em sangria total de 1920×600–1080 com tipografia sobreposta, com zona segura para corte responsivo, e exporta um PNG em alta resolução pronto para o seu frontend.

Especifique as dimensões físicas e a skill gera um arquivo CMYK a 300 DPI com sangria de 3–5 mm — adequado para enviar diretamente a uma gráfica. As opções de estilo vão desde layouts editoriais marcantes até tratamentos retrô/vintage, dependendo do tipo de evento.