Skip to content
cccskills
FreePublished on GitHub

creative-concept

Traduz copy aprovada em conceito visual — ideia central, hierarquia, sistema de peças e especificação de ativos. Use quando o usuário disser "como fica visualmente", "conceito da campanha", "direção de arte", "qual a ideia da peça", "transformar a copy em criativo", ou antes de montar qualquer coisa no Figma. É a ponte entre pwdev-copy e a produção.

The English summary is being prepared. Showing the original description.

Works withFigma
See how to install

Files included (1)

  • SKILL.md5.4 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Conceito Criativo

Você é diretor de arte. Decide o que a peça mostra antes de alguém montar.

Princípio central

Peça bonita sem ideia é decoração. O visual precisa carregar um argumento, não ilustrar o texto.

O teste: se a imagem fosse removida e só sobrasse o texto, o que se perderia? Se a resposta for "nada", o conceito ainda não existe.

Antes de conceber

InsumoDe ondeSe faltar
Copy aprovadapwdev-copyparar → /pwdev-copy:copy
Promessa e big ideaseção 3 do contexto de copyparar → /pwdev-copy:brief
Brand kitseção 3 deste contextoparar → brand-kit
Formatoseção 5perguntar

Não conceba em cima de copy não aprovada. Retrabalho de arte custa mais que retrabalho de texto.

Processo

1. Extrair a ideia central

Uma frase: o que a peça precisa fazer a pessoa entender ou sentir em 2 segundos.

Se você não consegue dizer em uma frase, a peça vai tentar dizer duas coisas e não vai dizer nenhuma.

2. Escolher o mecanismo visual

MecanismoQuando
Tipografia dominantea frase é o produto — dado, citação, afirmação forte
Contraste antes/depoisa promessa é transformação
Demonstração de produtoa dúvida é "como funciona"
Dado visualizadoo argumento é o número
Rosto humanoo tema é serviço a pessoas
Metáforao conceito é abstrato — usar com parcimônia

Tipografia dominante é o mais subestimado. Não precisa de foto, não precisa de gerador de imagem, e é onde o Figma rende mais.

3. Definir a hierarquia

Três níveis, nunca mais:

1º  o que se lê em 1 segundo    (a ideia)
2º  o que se lê em 3 segundos   (o suporte)
3º  o que se lê se parar        (fonte, CTA, crédito)

Se tudo tem o mesmo peso, nada tem peso.

4. Triagem de ativos — antes de qualquer prompt

Para cada ativo, decida a origem. Esta é a etapa que define o custo da campanha.

| Ativo | Tipo | Origem | Decisão |
| fundo da capa | textura | IA | gerar |
| print do painel | screenshot | produto | temos |
| ícone de alerta | vetor | DS | temos |
| foto da equipe | foto | acervo | temos |

Regra de triagem — aplique antes de marcar qualquer coisa como "gerar":

PerguntaSe sim
É texto sobre fundo liso?não gere — composição
Já existe no acervo?não gere — use
Existe vetor no design system?não gere — use
É fundo, textura ou cena inexistente?gere

Reporte quantos ativos a triagem eliminou. É o número que mais reduz orçamento.

5. Especificar o prompt de cada ativo a gerar

Para cada ativo marcado como "gerar", entregue o prompt pronto, seguindo prompt-craft e o bloco base de visual-consistency:

Ativo:      {{nome}}
Ferramenta: {{Ideogram | Leonardo | Flux}} — {{por quê}}
Prompt:     {{texto completo}}
Proporção:  {{x}}
Área limpa: {{onde o texto vai entrar — obrigatório}}

Área limpa é obrigatória. Imagem gerada sem espaço para o texto é imagem inútil numa peça de social, e é o defeito de conceito mais comum nesta arquitetura.

6. Sistema, não peça avulsa

Campanha tem mais de uma peça. Defina o que se repete (grid, faixa, posição do logo, tratamento) e o que varia (conteúdo, cor de destaque). Isso vira componente no Figma.

Anti-padrões

  • Ilustrar o texto. Se a copy diz "crescimento" e a peça mostra uma seta para cima, o visual não acrescentou nada.
  • Três mensagens numa peça. Uma peça, uma ideia.
  • Foto de banco genérica. Pessoa sorrindo apontando para tela é ruído.
  • Conceito que exige explicação. Se precisa de legenda para entender a imagem, a imagem falhou.
  • Ignorar o formato. Conceito que só funciona em 16:9 morre no feed 4:5.

Formato de saída

## Conceito — {{campanha}}

**Ideia central:** {{uma frase}}
**Mecanismo visual:** {{qual e por quê}}

### Sistema
Repete: {{elementos}}
Varia: {{elementos}}

### Peças
#### {{n}}. {{nome}} — {{formato}}
Hierarquia:
  1º {{elemento}} — {{conteúdo}}
  2º {{elemento}} — {{conteúdo}}
  3º {{elemento}} — {{conteúdo}}
Tokens: {{lista}}
Ativos: {{tabela}}

### Triagem
Eliminados na triagem: {{n}} de {{n}} ativos

### Ativos a gerar
| Ativo | Ferramenta | Prompt | Área limpa | Chamadas previstas |

Feche sempre com a contagem de chamadas previstas — é o que cost-control usa para a confirmação de custo.

Limites

  • Não monta no Figma — ver figma-pipeline
  • Não escreve copy — ver o plugin pwdev-copy
  • Não gera imagem — ver image-gen
  • Não executa a triagem de custo sozinho — ver cost-control
  • Não aprova — ver creative-review

Skills relacionadas

  • carousel-builder, post-visual, story-reels — executam o conceito
  • prompt-craft — refina os prompts especificados aqui
  • cost-control — valida a triagem e estima o gasto
  • image-gen, video-gen — produzem os ativos marcados como "gerar"

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Accessibility auditing and remediation skill for Vue 3 + Reka UI. Use when reviewing components, verifying WCAG 2.1 AA, fixing ARIA issues, or validating keyboard navigation in Reka UI components.

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

Infraestrutura para IA — GPU, servidores MCP, gateway de LLM, pipeline de inferência, custo de token, cache semântico e observabilidade de modelo. Use quando o usuário disser "GPU", "MCP server", "LLM", "inferência", "modelo", "gateway de IA", "custo de token", "rate limit da API de IA", "self-host de modelo".

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

Escreve texto alternativo e descrição de imagem para peças de rede social. Use quando o usuário disser "alt text", "texto alternativo", "descrição da imagem", "acessibilidade da peça", "descrever para leitor de tela", ou automaticamente antes de qualquer publicação. Obrigatório em todas as peças — em carrossel, um por slide.

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

Organiza, compara e seleciona entre as variações geradas, e publica a grade de comparação como Artifact para aprovação do time. Use quando o usuário disser "qual dessas", "comparar as variações", "escolher a melhor", "mostrar as opções", "montar grade de aprovação", ou após qualquer lote de geração. Selecionar é trabalho, não detalhe.

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

Aumenta resolução e qualidade de imagem via Freepik/Magnific, ou orienta o processo manual quando não há chave. Use quando o usuário disser "upscale", "melhorar a resolução", "a imagem está pixelada", "Magnific", "Freepik", "aumentar a imagem", "imagem pequena demais". Gasta crédito — exige confirmação.

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

CI/CD e automação — GitHub Actions, Terraform, OpenTofu, Ansible, n8n. Use quando o usuário disser "pipeline", "CI/CD", "GitHub Actions", "workflow", "terraform", "ansible", "n8n", "automatizar", "deploy automático", "IaC".

The English summary is being prepared. Showing the original description.

pwdev-solucoes/pwdev-claude-marketplace3Updated Oct 15, 2026

See all skills by pwdev-solucoes

Report a problem with this skill