EL PLUGIN LOCAL
Usar con agentes AI.
Tus capturas. Una idea clara. Una serie lista.
Deja que Codex o Claude Code elija las plantillas, componga tus capturas y escriba los textos en varios idiomas. Después, ajusta el resultado en Hen Screenshots.
Prepáralo una vez.
Esta versión de prueba se ejecuta en tu computadora. Necesitas Node.js 22.12 o posterior, npm y Codex o Claude Code con acceso a tus archivos locales y al terminal.
-
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.
-
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.
npm ci --omit=dev node scripts/hen.mjs doctor -
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.
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 o Claude. El plugin renderiza localmente; los archivos que compartas con tu agente están sujetos a las políticas de datos de ese proveedor.
CODEX
Empieza con una tarea local.
Abre el proyecto de tu app en Codex, en tu computadora. Para esta versión de prueba, pídele que lea directamente la skill incluida. Así usará las instrucciones en tu tarea sin instalar el plugin 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.
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.CLAUDE CODE
Carga el plugin para tu sesión.
Después de la instalación, abre un terminal en el proyecto de tu app. Sustituye PLUGIN_FOLDER por la ruta completa del plugin descomprimido e inicia Claude Code:
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:
/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.Dale una idea clara.
Una vez cargada la skill, estas solicitudes sirven para cualquiera de los dos 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
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
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 estudioUn par de cosas más.
¿Está en la tienda de plugins de Codex o Claude?
Todavía no. Es una versión de prueba local que puedes descargar. Sigue las instrucciones de instalación y uso de arriba; aún no se instala con un clic desde una tienda.
¿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.