henscreenshots

Usar com agentes de IA.

Deixe o Codex, Claude Code ou Cursor escolher os modelos, compor suas capturas e escrever os textos em vários idiomas. Depois, ajuste o resultado no Hen Screenshots.

CodexClaude Code Cursor

Configure uma vez.

Notas da versão e somas de verificação

Este plugin é executado no seu computador. Você precisa do Node.js 22.12 ou mais recente, npm e Codex, Claude Code ou Cursor com acesso aos arquivos locais e ao terminal.

Escolha Codex, Claude Code ou Cursor abaixo para ver como instalar. Se preferir a instalação manual pelo ZIP, siga estes passos.

Codex Claude Code Cursor

Instalação manual pelo ZIP

  1. 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.

  2. 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.

    Terminal 
    node scripts/setup.mjs

  3. 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.

Baixar Node.js

Plugin grátis. Use seu próprio agente.

O Hen Screenshots não adiciona assinatura nem pede chave de API. O plano e os custos de uso do Codex, Claude ou Cursor continuam valendo. O plugin renderiza localmente; os arquivos que você compartilhar com seu agente seguem as políticas de dados desse provedor.

Instale no Codex.

Instalar pela OpenAI

Abra a página do plugin e selecione Install plugin. Para renderizar localmente, inicie uma nova tarefa no Codex dentro do projeto do seu app e peça ao Hen Screenshots que execute doctor e conclua a configuração. Depois, indique a pasta das suas capturas e use uma das solicitações de exemplo abaixo.

Obter plugin na OpenAI

Instalar pelo GitHub

Execute estes comandos no terminal para instalar pelo catálogo do Hen. Inicie uma nova tarefa no Codex e peça ao Hen que execute doctor e conclua a configuração, se necessário.

Terminal 
codex plugin marketplace add Hensell/hen-screenshots
codex plugin add hen-screenshots@hen-screenshots

Se você baixou o ZIP, abra o projeto do seu app no Codex e peça que ele leia diretamente a skill incluída. Funciona sem instalar 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.

Codex 
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.

Sobre as skills do Codex

Instale no Claude Code.

Instalar pelo GitHub

Execute estes comandos dentro do Claude Code e inicie uma nova sessão. Peça ao Hen que execute doctor e conclua a configuração antes de criar sua primeira série.

Claude Code 
/plugin marketplace add Hensell/hen-screenshots
/plugin install hen-screenshots@hen-screenshots

Se você baixou o ZIP, conclua a configuração nessa pasta e abra um terminal no projeto do seu app. Substitua PLUGIN_FOLDER pelo caminho completo do plugin extraído e inicie o Claude Code:

Terminal 
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:

Claude Code 
/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.

Guia de plugins locais do Claude Code

Instale no Cursor.

Disponível por instalação local. Nossa solicitação para o Cursor Marketplace está pendente de análise.

  1. Coloque o plugin na pasta local do Cursor.

    Baixe o ZIP acima e extraia-o. Copie a pasta hen-screenshots inteira, incluindo as pastas ocultas, para este local:

    macOS / Linux
~/.cursor/plugins/local/hen-screenshots

Windows
%USERPROFILE%\.cursor\plugins\local\hen-screenshots

    O arquivo plugin.json deve ficar diretamente nessa pasta. Evite criar outra pasta hen-screenshots dentro dela.

  2. Execute a configuração na pasta final do plugin.

    Abra um terminal na pasta acima e execute node scripts/setup.mjs. A configuração baixa as bibliotecas de renderização uma vez e verifica se funcionam.

  3. Recarregue o Cursor e confira a skill.

    Reinicie o Cursor. Em Customize, abra Plugins, depois Hen Screenshots, e confirme que create-screenshots aparece em Skills. Inicie um novo chat com o agente no projeto do seu app.

Peça sua primeira série.

Substitua CAPTURES_FOLDER pela pasta que contém suas capturas.

Cursor 
Use a skill create-screenshots do Hen Screenshots. Execute doctor e conclua a configuração se necessário.

Crie um panorama de dois slides com as imagens de "CAPTURES_FOLDER". Use um modelo escuro e textos baseados nas funções reais do meu app. Adicione versões em inglês e português. Exporte para uma pasta nova chamada cursor-launch-v1, mostre preview.png e salve o projeto .henscreenshots editável.

Se a skill não aparecer, consulte um administrador sobre a política de plugins locais da sua equipe. Uma instalação do catálogo com o mesmo nome tem prioridade sobre uma cópia local.

Instalação e atualizações no Cursor

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

Mensagem 
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

Mensagem 
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údio

Mais algumas informações.

Posso reutilizar meus modelos com um agente?

Sim. No estúdio web, abra Meus modelos, importe um arquivo .hentemplate se necessário e abra-o como um novo projeto. Adicione suas capturas e baixe o arquivo de projeto .henscreenshots. Entregue esse arquivo ao agente para renderizar com o plugin v0.2.1 ou mais recente, que preserva as imagens de fundo. O plugin lê arquivos de projeto, não arquivos .hentemplate nem sua biblioteca do navegador.

O plugin é atualizado automaticamente?

As publicações do site não atualizam o plugin no seu computador. Se você usa o ZIP, extraia a nova versão em outra pasta e execute a configuração nela. Se instalou por um catálogo, siga as instruções de atualização no README do plugin. Inicie uma nova sessão do agente e execute doctor após atualizar. As versões dos diretórios podem estar atrás da versão disponível no site.

Instruções para atualizar o plugin
Está na loja de plugins do Codex ou Claude?

O Hen Screenshots está publicado no diretório de plugins da OpenAI. A solicitação para o diretório da Anthropic segue em análise; você já pode usá-lo no Claude Code pelo nosso catálogo no GitHub ou pelo ZIP. Todos os métodos exigem instalar as dependências locais uma vez.

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.

Precisa de ajuda? Escreva para o Hensell.