| name | stack-ad-creator-pixel |
| description | Gerar banners estáticos de Meta Ads no formato "stack" da Pixel Educação — fundo escuro |
Stack Ad Creator — Pixel Educação
Gera Post (1080×1350) e Story (1080×1920) via Playwright (HTML→screenshot).
Arquivos
scripts/generate.py — gerador principal
references/brand.md — paleta, tipografia, layout e regras de copy
assets/config-example.json — config de exemplo para copiar/adaptar
Fluxo
1. Criar o config.json
Copiar assets/config-example.json para a pasta do projeto e editar:
{
"product_badge": "Nome do Produto",
"h1": ["Linha 1 do headline", "<em>Linha 2 em italic+gradient.</em>"],
"pricing": {
"was": "R$297",
"value": "R$97",
"label": "Acesso vitalício",
"condition": "Condição de lançamento"
},
"output_dir": "./banners",
"formats": ["post", "story"],
"copies": [
{
"key": "a-nome",
"label": "Copy A — Ângulo",
"subtitle": "Texto do subtítulo com <strong>destaques em branco.</strong>",
"cards": [
["Título do benefício 1", "Descrição em 1 frase."],
["Título do benefício 2", "Descrição em 1 frase."],
["Título do benefício 3", "Descrição em 1 frase."]
]
}
]
}
Regras:
h1: array de linhas (cada item = 1 linha com <br> implícito). Máx 3 linhas no canvas.
h1 em: italic + gradient laranja. Usar para a parte emocional/CTA do headline.
subtitle strong: destaca em branco (#fff). Usar em números e termos-chave.
cards: exatamente 3 por copy. key deve ser único (vira nome do arquivo).
2. Rodar o script
python3 skills/stack-ad-creator-pixel/scripts/generate.py config.json
python3 skills/stack-ad-creator-pixel/scripts/generate.py config.json --formats post
python3 skills/stack-ad-creator-pixel/scripts/generate.py config.json --copies a-nome b-nome
Output: banner-{key}-post.png e banner-{key}-story.png no output_dir.
3. Validar e iterar
Gerar Copy A primeiro para validar layout antes de rodar todas as copies. Ajustar no config e rodar --copies a-nome até aprovar. Depois rodar sem filtro.
Safe Area — Story
O Story tem margin-bottom: 200px na price card — safe area para o botão de CTA nativo do Meta Ads (ocupa ~200px do fundo da tela no Stories).
Dependência
pip install playwright
playwright install chromium
Já instalado no ambiente do Jarvis — não precisa reinstalar.
Brand
Ver references/brand.md para paleta completa, tipografia, tamanhos e regras de copy.