Arnie936/image-to-campaign

Imagem → Campanha

Construa um funil de marketing alemão completo a partir de uma única imagem. A ideia central: uma imagem de entrada, um funil coerente de saída — Reels do Instagram que prendem a atenção, um blog que gera confiança e ranqueia, e uma landing page que converte. Cada ativo compartilha uma identidade visual e verbal única, pois todos são derivados de um único Brand Brief que você escreve e o usuário aprova antes de qualquer crédito ser gasto.

Princípio central: brief primeiro, fonte única da verdade

NÃO gere ativos primeiro e tente combiná-los depois. Isso sempre gera desvios. Em vez disso:

1. Escreva um Brand Brief a partir da imagem + uma breve entrevista. O brief fixa a identidade do produto, a linha de tese, a paleta (tokens OKLCH), a tipografia, o tom, a cena, o CTA e os ângulos/estilo escolhidos do Reel. Ele também contém todos os prompts de ativos, escritos por extenso.
2. O usuário aprova o brief em um único ponto de verificação.
3. Cada saída — landing page, Reels, blog — lê sua tese, paleta, fontes, tom e prompts do brief. Nada redefine a identidade por conta própria.

É por isso que a landing page, os Reels e o blog parecem uma única campanha, em vez de três artefatos de IA não relacionados.

Padrões fixos para esta skill

• Idioma: Alemão. Todo o texto visível (site, legendas, blog) está em alemão. Flags técnicas de CLI permanecem em inglês.
• Objetivo de conversão: Demonstração/Conceito. Não há loja real ainda, então todo CTA é um placeholder limpo (ex.: "Jetzt entdecken"). Não invente preços falsos, links de checkout ou avaliações.
• Um ponto de verificação de aprovação, logo após o brief. Após a aprovação, execute autonomamente até o fim.
• Landing page permanece local (um servidor de pré-visualização). A implantação (Vercel) é uma etapa posterior, apenas se o usuário solicitar.

Etapa 0 — Inicialização

A geração de ativos é executada através da CLI Higgsfield (mesmo motor das skills higgsfield-generate e higgsfield-product-photoshoot).

1. Se higgsfield não estiver no $PATH, instale-o: curl -fsSL https://raw.githubusercontent.com/higgsfield-ai/cli/main/install.sh | sh
2. Execute higgsfield account status. Se falhar com Session expired / Not authenticated, peça ao usuário para executar higgsfield auth login e aguarde. Se eles não tiverem uma conta Higgsfield ainda, aponte-os para https://higgsfield.ai/s/mcp-arnold-oberleiter-ecZvus para se inscrever (uma conta com créditos é necessária para gerar qualquer ativo).

Confirme que você realmente tem a imagem de entrada (um caminho local). Se o usuário apenas descreveu um produto sem imagem, informe isso — esta skill é construída em torno de uma imagem real. Você ainda pode prosseguir apenas com texto, mas a fidelidade cai; avise-os.

Etapa 1 — Entrevista (máx. 2 perguntas, em alemão)

Observe primeiro a imagem e deduza tudo que puder (qual é o produto, para quem é, o clima). Pergunte apenas o que você realmente não consegue identificar. Mantenha as duas perguntas da especificação da landing page, em alemão:

1. Was ist das Produkt/die Marke in einem Satz, für wen, und welches Gefühl soll es auslösen?
2. Soll ich alle Bild- und Videoassets mit Higgsfield generieren, oder gibt es schon Assets/Logo/Farben, die ich verwenden soll?

Pule uma pergunta se a resposta já estiver óbvia pela imagem ou pela mensagem do usuário. Não pergunte sobre preço ou destino de vendas — o CTA é um placeholder de demonstração por padrão.

Etapa 2 — Escreva o Brand Brief

Siga references/brand-brief.md. Produza brief.md contendo os campos de identidade E todos os prompts de ativos (5 ativos do site, 3 prompts de Reel, 1 imagem do blog). Escrever os prompts agora — antes de gastar qualquer coisa — é o que torna o ponto de verificação significativo.

🛑 PONTO DE VERIFICAÇÃO — obtenha aprovação antes de gerar

Mostre ao usuário, de forma compacta:

• a linha de tese, a frase da cena, os 4 tokens da paleta, as fontes, as palavras de tom, o CTA
• o conceito de rolagem escolhido (uma linha do porquê)
• os 3 ângulos do Reel + o estilo do Reel escolhido (cinematográfico vs UGC) e o porquê
• a lista completa de prompts de ativos que você está prestes a executar

Em seguida, pergunte uma coisa: "Passt der Brief so, oder soll ich was anpassen, bevor ich generiere?" A geração custa créditos, então não pule isso. Aplique edições e prossiga. Após este ponto, execute autonomamente.

Etapa 3 — Construção (após aprovação)

Construa nesta ordem — é intencional. A landing page é construída primeiro porque ela trava o sistema de design e produz o vídeo principal, que os Reels reutilizam.

1. Landing page → references/landing-page.md. Gera os 5 ativos do site, monta website/index.html, verifica no navegador.
2. Reels → references/reels.md. Três Reels 9:16. Reutilize/reenquadre o vídeo principal ou intermediário do site para o ângulo de showcase cinematográfico para economizar créditos; gere os outros dois. Escreva reels/captions.md.
3. Blog → references/blog.md. Um artigo SEO em alemão em blog/blog.html que reutiliza os mesmos tokens de paleta e fontes, com uma imagem (reutilize uma imagem estática do site quando possível) e um CTA de volta para a landing page.

Etapa 4 — QA

• Landing page: execute a lista de verificação completa do navegador em references/landing-page.md.
• Reels (opcional, mas recomendado): pontue cada um com o Preditor de Viralidade (higgsfield generate create brain_activity --video <reel> --wait) e regenere o mais fraco se um ângulo claramente melhor for óbvio. Relate as pontuações; não as esconda em silêncio.
• Confirme que cada ativo está em alemão onde carrega texto, e que a paleta e as fontes são idênticas no site, nas miniaturas dos Reels e no blog.

Etapa 5 — Entrega

Monte a pasta da campanha (estrutura abaixo) e escreva README.md a partir de assets/campaign-readme-template.md: o que contém, como pré-visualizar o site localmente, as 3 legendas prontas para colar e o próximo passo óbvio (implantar + substituir o placeholder do CTA por um real).

Mensagem final ao usuário (alemão, conciso): a URL local do site, a linha de tese, os 3 ângulos do Reel com seus arquivos, onde estão as legendas e o blog, e qualquer limitação que você encontrou (ex.: um ativo que teve que regenerar).

Estrutura da pasta da campanha

kampagne-<slug>/
  brief.md                  # a fonte única da verdade aprovada
  website/
    index.html
    assets/                 # hero.mp4, middle.mp4, g1.jpg, g2.jpg, g3.jpg
  reels/
    reel-1-hook.mp4
    reel-2-showcase.mp4
    reel-3-lifestyle.mp4
    captions.md             # por reel: texto do gancho, legenda, hashtags, CTA
  blog/
    blog.html
    assets/                 # imagem(ns) do blog
  README.md

Leis de consistência (aplicam-se a cada ativo gerado)

Em toda a campanha, mantenha estes itens constantes — é isso que faz parecer uma marca e não uma coletânea gerada:

• mesma identidade e forma do produto
• mesma linguagem de material
• mesma direção de iluminação
• mesmo mundo de cores (a paleta do brief)
• mesmo tom premium

Rejeite e regenere qualquer ativo onde a identidade do produto mude, a forma se desvie, o material pareça errado, texto seja incorporado na imagem/vídeo (a renderização de texto por IA não é confiável — mantenha a mídia gerada limpa e adicione texto real na legenda/editor) ou simplesmente pareça "feito por IA". Consistência supera espetáculo.

Índice de referências

• references/brand-brief.md — como derivar o brief + o modelo do brief e a lista completa de prompts de ativos (leia isso primeiro, na Etapa 2)
• references/landing-page.md — a construção da landing page auto-contida e ciente do brief com a lista de verificação de QA do navegador
• references/reels.md — os 3 ângulos do Reel, seleção cinematográfico-vs-UGC, comandos de geração, reutilização de reenquadramento e o formato das legendas
• references/blog.md — a especificação do artigo SEO em alemão e o modelo HTML
• assets/brief-template.md, assets/blog-template.html, assets/campaign-readme-template.md — modelos para preenchimento