O PLUGIN LOCAL
Usar com agentes de IA.
Suas capturas. Uma ideia clara. Uma série pronta.
Deixe o Codex ou Claude Code escolher os modelos, compor suas capturas e escrever os textos em vários idiomas. Depois, ajuste o resultado no Hen Screenshots.
Configure uma vez.
Esta prévia é executada no seu computador. Você precisa do Node.js 22.12 ou mais recente, npm e Codex ou Claude Code com acesso aos arquivos locais e ao terminal.
-
Baixe e extraia o ZIP.
Guarde a pasta hen-screenshots em um local permanente. Ela contém o renderizador, as fontes e as instruções que seu agente vai usar.
-
Instale as dependências locais.
Abra um terminal dentro da pasta hen-screenshots extraída e execute estes comandos. A instalação precisa de internet para baixar as bibliotecas de renderização.
npm ci --omit=dev node scripts/hen.mjs doctor -
Confira o resultado.
O comando doctor deve informar "ok": true. Agora você pode usar qualquer um dos agentes abaixo. O ZIP não se instala sozinho nem registra um plugin no catálogo de um agente.
O Hen Screenshots não adiciona assinatura nem pede chave de API. O plano e os custos de uso do Codex ou Claude continuam valendo. O plugin renderiza localmente; os arquivos que você compartilhar com seu agente seguem as políticas de dados desse provedor.
CODEX
Comece com uma tarefa local.
Abra o projeto do seu app no Codex, no seu computador. Para esta prévia, peça que ele leia diretamente a skill incluída. Assim, ele usa as instruções na sua tarefa sem instalar o plugin por um catálogo.
Na mensagem, substitua PLUGIN_FOLDER pelo caminho completo da pasta hen-screenshots e CAPTURES_FOLDER pela pasta das suas capturas. Mantenha os caminhos entre aspas se tiverem espaços.
Leia "PLUGIN_FOLDER/skills/create-screenshots/SKILL.md" e use a CLI local.
Crie uma série de três slides para o Google Play com as capturas de "CAPTURES_FOLDER". Escolha um modelo escuro, escreva textos curtos em português com base nas funções reais do app e exporte para uma pasta nova chamada launch-v1. Mostre preview.png e salve um projeto .henscreenshots editável.CLAUDE CODE
Carregue o plugin para a sua sessão.
Após a instalação, abra um terminal no projeto do seu app. Substitua PLUGIN_FOLDER pelo caminho completo do plugin extraído e inicie o Claude Code:
claude --plugin-dir "PLUGIN_FOLDER"A opção --plugin-dir carrega o plugin para esta sessão. Depois, envie esta solicitação e substitua CAPTURES_FOLDER pela pasta das suas capturas:
/hen-screenshots:create-screenshots
Use as capturas de "CAPTURES_FOLDER" para criar uma série de iPhone para a App Store. Escolha um perfil de exportação compatível e um modelo acolhedor e minimalista. Escreva textos curtos em português, exporte para uma pasta nova chamada iphone-launch-v1 e mostre a prévia e o projeto editável.Dê uma direção clara.
Depois de carregar a skill, estas solicitações funcionam com qualquer um dos agentes. Diga quais imagens usar, onde você vai publicar e por que vale a pena experimentar seu app.
Uma composição para seu portfólio
Use o Hen Screenshots para criar uma composição horizontal para meu portfólio com a captura de desktop "desktop.png" e a de celular "mobile.png". Encontre um modelo que combine os dois dispositivos. Use fundo creme, texto escuro e o título "Seu dia, em um só lugar." Salve a prévia e o projeto editável em uma pasta nova chamada portfolio-v1.O mesmo design, em mais idiomas
Crie versões em inglês, espanhol e português do Brasil da série que acabamos de criar. Mantenha o design vinculado e adapte os textos de forma natural a cada idioma. Exporte uma pasta por idioma dentro de uma pasta nova chamada launch-translated-v1 e mostre todas as prévias para conferir se o texto cabe bem.As traduções são feitas pelo seu agente. Este plugin não baixa o Gemma nem outro modelo de tradução. Revise os textos e cada imagem exportada antes de publicar.
Pronto para exportar. Sempre editável.
Cada execução salva o resultado em uma pasta nova. Suas capturas originais ficam intactas, e o plugin verifica as dimensões de exportação e o formato PNG RGB sem transparência.
preview.png- Veja toda a série de uma vez.
screenshots.zip- Exportações PNG organizadas por idioma.
project.henscreenshots- O projeto editável, com imagens e textos.
report.json- Dimensões de exportação e resultados de validação.
Continue no estúdio web
Abra o estúdio, escolha Abrir arquivo do projeto na tela de projetos e selecione project.henscreenshots na pasta de resultados. Ajuste os textos, as cores ou a posição dos dispositivos e exporte novamente.
Abrir estúdioMais algumas informações.
Está na loja de plugins do Codex ou Claude?
Ainda não. É uma prévia local que você pode baixar. Siga as instruções de instalação e uso acima; ainda não é uma instalação com um clique pela loja.
Quais imagens posso usar?
O plugin aceita PNG, JPEG e WebP estático: até 50 MB e 24 megapixels por imagem, e 120 MB no total. Converta antes os arquivos HEIC, AVIF ou animados, ou use o estúdio web, que aceita mais formatos de importação.
A instalação ou a renderização falhou. O que faço?
Confira node --version, execute npm ci --omit=dev na pasta do plugin e tente doctor novamente. As bibliotecas de renderização precisam de um sistema operacional e uma arquitetura compatíveis. Se a pasta de resultados já existir, escolha outro nome. Informe o erro e seu sistema operacional ao pedir ajuda.
O plugin substitui o estúdio web?
Use o plugin para preparar e exportar séries, e o estúdio para fazer ajustes manuais. O plugin atual não aceita exportações do Wear OS que usam apenas a captura original. A renderização das fontes também pode variar um pouco entre o plugin e o navegador.