App Store Screenshots

Tu agente de código diseña las capturas de tu app para las tiendas

Open SourceServicios

Sobre App Store Screenshots

Una skill gratuita y open source para Claude Code, Codex y Cursor. Entrega las capturas de tu app y un breve contexto a tu agente, y él construye un editor de screenshots local en tu proyecto. Elige entre 18 estilos, compara diseños en Style Lab, edita los textos y exporta todos los tamaños para iPhone, iPad, Mac y Android en varios idiomas. Sin suscripciones de diseño: corre en local y solo pagas lo que ya usas de tu agente.

¿Qué es App Store Screenshots?

App Store Screenshots es una skill de código abierto para agentes de programación como Claude Code, Codex, Cursor, Windsurf u OpenCode. Se instala con un comando (npx skills add ParthJadhav/app-store-screenshots) y, a partir de ahí, el agente puede generar el material gráfico que las tiendas piden para publicar una app.

El flujo es conversacional: le pides al agente que cree las capturas para App Store y Google Play, y él hace algunas preguntas sobre qué hace la app, sus funciones principales, los dispositivos e idiomas, el estilo visual y el número de slides. Con esas respuestas propone titulares y monta un editor que corre en local (localhost) con lienzo, lista de pantallas, inspector y exportación.

Desde ese editor puedes cambiar titulares, capturas o disposición a mano, o pedirle los cambios al agente. El proyecto guarda la configuración en un archivo app-store-screenshots.json dentro de tu repositorio, junto a las capturas, de modo que si lo subes al control de versiones recuperas el set completo en cualquier máquina. Requiere Node.js 18 o superior, un gestor de paquetes (bun, pnpm, yarn o npm) y capturas de tu app tomadas en simulador, emulador o dispositivo.

Características principales de App Store Screenshots

Se instala como skill en agentes de código compatibles (Claude Code, Codex, Cursor, Windsurf, OpenCode y otros que admitan skills).
El agente redacta los titulares de cada slide a partir de una descripción breve de tu app y de las funciones que quieras destacar.
Incluye un editor local en el navegador con lienzo, lista de pantallas, inspector y exportación del bundle.
Ofrece 18 estilos visuales distintos y una galería para comparar cómo queda la misma app en cada uno.
Exporta PNG opacos en los tamaños exactos que piden App Store Connect y Google Play, incluyendo iPhone, iPad, Mac, Apple Watch, Apple TV, CarPlay, teléfonos y tablets Android, y el feature graphic de Google Play.
Permite generar el mismo set en varios idiomas y guarda el trabajo en app-store-screenshots.json dentro del proyecto.

¿Para quién es App Store Screenshots?

Está pensado para desarrolladores y equipos pequeños que publican apps móviles o de escritorio y ya trabajan con un agente de código en su terminal o editor. Es especialmente útil para quien no tiene diseñador a mano y necesita resolver las capturas de ficha de tienda sin salir de su proyecto, con conocimientos básicos de Node.js y línea de comandos.

Casos de uso

Preparar el set completo de capturas de una app indie antes de enviarla a revisión en App Store Connect.
Traducir la ficha a varios idiomas generando las mismas slides con titulares localizados.
Actualizar los titulares y la imagen de una función nueva tras un release, reutilizando el proyecto guardado en el repositorio.
Probar varios estilos visuales en la galería para decidir la dirección gráfica de la ficha antes de exportar.

Precio de App Store Screenshots

Es gratis y open source, publicado bajo licencia MIT. No hay suscripción: el único coste asociado es el uso que ya hagas de tu agente de código.

¿App Store Screenshots está disponible en español?

ParcialmenteLa web del proyecto está en inglés y no ofrece versión en español, pero la herramienta sí exporta capturas en varios idiomas e incluye el español (ES) entre los ejemplos mostrados.

Preguntas frecuentes sobre App Store Screenshots

¿Las tiendas aceptan estas capturas?: Según el autor, sí: los sets mostrados en la web están publicados en la App Store y las exportaciones son PNG opacos en los tamaños exactos que piden App Store Connect y Google Play.
¿Qué necesito para usarlo?: Node.js 18 o superior, un gestor de paquetes (bun, pnpm, yarn o npm) y capturas de tu app tomadas desde un simulador, emulador o dispositivo.
¿Puedo editar el resultado después de que el agente termine?: Sí, el editor corre en tu máquina y puedes cambiar titulares, capturas o layout tú mismo, o pedirle los ajustes al agente.
¿Dónde queda guardado el trabajo?: En un archivo app-store-screenshots.json dentro de tu proyecto, junto a las capturas; si subes ambos al repositorio, recuperas el set en cualquier equipo.