henscreenshots

Usar con agentes de IA.

Deja que Codex, Claude Code o Cursor elija las plantillas, componga tus capturas y escriba los textos en varios idiomas. Después, ajusta el resultado en Hen Screenshots.

CodexClaude Code Cursor

Prepáralo una vez.

Notas de la versión y sumas de verificación

Este plugin se ejecuta en tu computadora. Necesitas Node.js 22.12 o posterior, npm y Codex, Claude Code o Cursor con acceso a tus archivos locales y al terminal.

Elige Codex, Claude Code o Cursor más abajo para ver cómo instalarlo. Si prefieres instalarlo manualmente con el ZIP, sigue estos pasos.

Codex Claude Code Cursor

Instalación manual con el ZIP

  1. Descarga y descomprime el ZIP.

    Guarda la carpeta hen-screenshots en una ubicación permanente. Contiene el motor de renderizado, las fuentes y las instrucciones que usará tu agente.

  2. Instala las dependencias locales.

    Abre un terminal dentro de la carpeta hen-screenshots que descomprimiste y ejecuta estos comandos. La instalación necesita internet para descargar las librerías de renderizado.

    Terminal 
    node scripts/setup.mjs

  3. Comprueba el resultado.

    El comando doctor debe indicar "ok": true. Ya puedes usar cualquiera de los agentes de abajo. El ZIP no se instala solo ni registra un plugin en el catálogo de un agente.

Descargar Node.js

Plugin gratuito. Usa tu propio agente.

Hen Screenshots no añade una suscripción ni pide una clave API. Se siguen aplicando el plan y los costos de uso de Codex, Claude o Cursor. El plugin renderiza localmente; los archivos que compartas con tu agente están sujetos a las políticas de datos de ese proveedor.

Instala en Codex.

Instalar desde OpenAI

Abre la ficha y selecciona Install plugin. Para renderizar localmente, inicia una tarea nueva en Codex dentro del proyecto de tu app y pídele a Hen Screenshots que ejecute doctor y complete la instalación. Después, indícale la carpeta de tus capturas y usa una de las solicitudes de ejemplo más abajo.

Obtener plugin en OpenAI

Instalar desde GitHub

Ejecuta estos comandos en tu terminal para instalar desde el catálogo de Hen. Inicia una tarea nueva en Codex y pídele a Hen que ejecute doctor y complete la instalación si hace falta.

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

Si descargaste el ZIP, abre el proyecto de tu app en Codex y pídele que lea directamente la skill incluida. Funciona sin instalar desde un catálogo.

En el mensaje, sustituye PLUGIN_FOLDER por la ruta completa de la carpeta hen-screenshots y CAPTURES_FOLDER por la carpeta de tus capturas. Mantén las rutas entre comillas si tienen espacios.

Codex 
Lee "PLUGIN_FOLDER/skills/create-screenshots/SKILL.md" y usa su CLI local.

Crea una serie de tres slides para Google Play con las capturas de "CAPTURES_FOLDER". Elige una plantilla oscura, escribe textos breves en español basados en las funciones reales de la app y exporta a una carpeta nueva llamada launch-v1. Muéstrame preview.png y guarda un proyecto .henscreenshots editable.

Sobre las skills de Codex

Instala en Claude Code.

Instalar desde GitHub

Ejecuta estos comandos dentro de Claude Code e inicia una sesión nueva. Pídele a Hen que ejecute doctor y complete la instalación antes de crear tu primera serie.

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

Si descargaste el ZIP, completa la instalación en esa carpeta y abre un terminal en el proyecto de tu app. Sustituye PLUGIN_FOLDER por la ruta completa del plugin descomprimido e inicia Claude Code:

Terminal 
claude --plugin-dir "PLUGIN_FOLDER"

La opción --plugin-dir carga el plugin para esta sesión. Después, envía esta solicitud y sustituye CAPTURES_FOLDER por la carpeta de tus capturas:

Claude Code 
/hen-screenshots:create-screenshots

Usa las capturas de "CAPTURES_FOLDER" para crear una serie de iPhone para la App Store. Elige un perfil de exportación compatible y una plantilla cálida y minimalista. Escribe textos breves en español, exporta a una carpeta nueva llamada iphone-launch-v1 y muéstrame la vista previa y el proyecto editable.

Guía de plugins locales de Claude Code

Instala en Cursor.

Disponible mediante instalación local. Nuestra solicitud para Cursor Marketplace está pendiente de revisión.

  1. Coloca el plugin en la carpeta local de Cursor.

    Descarga el ZIP de arriba y descomprímelo. Copia la carpeta hen-screenshots completa, incluidas las carpetas ocultas, en esta ubicación:

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

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

    El archivo plugin.json debe quedar directamente dentro de esa carpeta. Evita crear otra carpeta hen-screenshots dentro.

  2. Ejecuta la instalación en la carpeta final del plugin.

    Abre un terminal en la carpeta anterior y ejecuta node scripts/setup.mjs. La instalación descarga las librerías de renderizado una vez y comprueba que funcionen.

  3. Recarga Cursor y comprueba la skill.

    Reinicia Cursor. En Customize, abre Plugins, luego Hen Screenshots, y confirma que create-screenshots aparece en Skills. Inicia un chat nuevo con el agente dentro del proyecto de tu app.

Pide tu primera serie.

Sustituye CAPTURES_FOLDER por la carpeta que contiene tus capturas.

Cursor 
Usa la skill create-screenshots de Hen Screenshots. Ejecuta doctor y completa la instalación si hace falta.

Crea un panorama de dos slides con las imágenes de "CAPTURES_FOLDER". Usa una plantilla oscura y textos basados en las funciones reales de mi app. Añade versiones en inglés y español. Exporta a una carpeta nueva llamada cursor-launch-v1, muéstrame preview.png y guarda el proyecto .henscreenshots editable.

Si la skill no aparece, consulta con un administrador la política de plugins locales de tu equipo. Una instalación del catálogo con el mismo nombre tiene prioridad sobre una copia local.

Instalación y actualizaciones en Cursor

Dale una idea clara.

Una vez cargada la skill, estas solicitudes sirven para cualquiera de estos agentes. Dile qué imágenes usar, dónde vas a publicarlas y qué hace que valga la pena probar tu app.

Una composición para tu portafolio

Mensaje 
Usa Hen Screenshots para crear una composición horizontal para mi portafolio con la captura de escritorio "desktop.png" y la de móvil "mobile.png". Busca una plantilla que combine ambos dispositivos. Usa un fondo crema, texto oscuro y el título "Tu día, en un solo lugar." Guarda la vista previa y el proyecto editable en una carpeta nueva llamada portfolio-v1.

El mismo diseño, en más idiomas

Mensaje 
Crea versiones en inglés, español y portugués de Brasil de la serie que acabamos de diseñar. Mantén el diseño vinculado y adapta los textos de forma natural a cada idioma. Exporta una carpeta por idioma dentro de una carpeta nueva llamada launch-translated-v1 y muéstrame todas las vistas previas para comprobar que el texto cabe bien.

Las traducciones las hace tu agente. Este plugin no descarga Gemma ni otro modelo de traducción. Revisa la redacción y cada imagen exportada antes de publicar.

Listo para exportar. Siempre editable.

Cada ejecución guarda el resultado en una carpeta nueva. Tus capturas originales quedan intactas y el plugin comprueba las dimensiones de exportación y el formato PNG RGB sin transparencia.

preview.png
Mira toda la serie de un vistazo.
screenshots.zip
Exportaciones PNG organizadas por idioma.
project.henscreenshots
El proyecto editable, con imágenes y textos.
report.json
Dimensiones de exportación y resultados de validación.

Sigue en el estudio web

Abre el estudio, elige Abrir archivo del proyecto en la pantalla de proyectos y selecciona project.henscreenshots en la carpeta de resultados. Ajusta los textos, los colores o la posición de los dispositivos y vuelve a exportar.

Abrir estudio

Un par de cosas más.

¿Puedo reutilizar mis plantillas con un agente?

Sí. En el estudio web, abre Mis plantillas, importa un archivo .hentemplate si hace falta y ábrelo como proyecto nuevo. Añade tus capturas y descarga el archivo de proyecto .henscreenshots. Dale ese archivo a tu agente para renderizarlo con el plugin v0.2.1 o posterior, que conserva las imágenes de fondo. El plugin lee archivos de proyecto, no archivos .hentemplate ni tu biblioteca del navegador.

¿El plugin se actualiza automáticamente?

Los despliegues de la web no actualizan el plugin de tu computadora. Si usas el ZIP, extrae la nueva versión en otra carpeta y ejecuta la instalación allí. Si lo instalaste desde un catálogo, sigue las instrucciones de actualización del README del plugin. Inicia una sesión nueva del agente y ejecuta doctor después de actualizar. Las versiones de los directorios pueden ir por detrás de la descarga de la web.

Instrucciones para actualizar el plugin
¿Está en la tienda de plugins de Codex o Claude?

Hen Screenshots está publicado en el directorio de plugins de OpenAI. La solicitud para el directorio de Anthropic sigue en revisión; ya puedes usarlo en Claude Code desde nuestro catálogo de GitHub o con el ZIP. Todos los métodos requieren instalar las dependencias locales una vez.

¿Qué imágenes puedo usar?

El plugin acepta PNG, JPEG y WebP estático: hasta 50 MB y 24 megapíxeles por imagen, y 120 MB en total. Convierte primero los archivos HEIC, AVIF o animados, o usa el estudio web, que admite más formatos de importación.

La instalación o el renderizado falló. ¿Qué hago?

Comprueba node --version, ejecuta npm ci --omit=dev en la carpeta del plugin y vuelve a probar doctor. Las librerías de renderizado necesitan un sistema operativo y una arquitectura compatibles. Si la carpeta de resultados ya existe, elige otro nombre. Incluye el error y tu sistema operativo cuando pidas ayuda.

¿El plugin reemplaza al estudio web?

Usa el plugin para preparar y exportar series, y el estudio para hacer ajustes manuales. El plugin actual no admite exportaciones de Wear OS que usan únicamente la captura original. El renderizado de las fuentes también puede variar un poco entre el plugin y el navegador.

¿Necesitas ayuda? Escríbele a Hensell.