Si buscas un «generador de capturas de App Store» o una «herramienta de IA para capturas de tiendas», probablemente necesitas más que poner un marco de teléfono alrededor de una imagen. Quieres crear recursos de marketing que comuniquen el valor de tu app, cumplan los requisitos de tamaño y sean fáciles de actualizar. El proyecto de código abierto ParthJadhav/app-store-screenshots está diseñado para todo ese proceso.
¿Qué es App Store Screenshots Skill?
App Store Screenshots Skill es un skill de código abierto para agentes de programación con IA como Claude Code, Cursor, Windsurf, OpenCode y Codex. Una vez instalado, guía al agente para que genere en tu proyecto un editor de capturas para las tiendas con Next.js, React y TypeScript. El resultado es una herramienta editable en lugar de una imagen estática difícil de modificar.
El editor ofrece lienzos separados para iPhone, iPad, teléfonos Android, tabletas Android y el Feature Graphic de Google Play. Puedes arrastrar dispositivos, texto y elementos decorativos; cambiar temas e idiomas, y exportar cada tamaño requerido como un conjunto de archivos PNG.
«Las capturas de pantalla son anuncios, no documentación».
Un principio central de App Store Screenshots Skill
Ese principio explica la diferencia con una herramienta de mockups común: una captura para la tienda debe comunicar un beneficio para el usuario en un segundo y luego mostrar la interfaz. Dedica cada imagen a un solo argumento de venta y comprueba que el titular siga siendo legible en el tamaño de miniatura de los resultados de búsqueda.
¿Por qué es más útil que pedirle a la IA unas cuantas imágenes?
Las herramientas de generación de imágenes sirven para explorar una dirección visual. Los recursos para las tiendas también necesitan una interfaz y textos precisos, dimensiones uniformes y actualizaciones constantes para nuevas versiones e idiomas. Este skill asigna al agente una tarea más adecuada: crear la herramienta de producción, organizar los recursos y proponer diseños, mientras el control final permanece en el editor visual.
- El resultado suele ser una sola imagen estática
- Los tamaños y los idiomas exigen trabajo manual repetido
- Es difícil llevar un registro de los cambios
- Entrega un editor completo con Next.js
- Gestiona dispositivos e idiomas en conjunto
- Guarda el estado del proyecto como JSON para que puedas enviarlo a Git
Seis funciones útiles
Connected Canvas
Diseña la secuencia de capturas una al lado de la otra. Los teléfonos, trazados y elementos decorativos pueden extenderse por pantallas contiguas y recortarse con precisión al exportar.
Inspector visual
Usa el panel derecho para ajustar titulares, etiquetas, composiciones, capas, rotación, escala y fuentes de las capturas sin editar a mano el código de la página.
Lienzos para varias plataformas
Un solo proceso cubre iPhone, iPad, teléfonos Android, tabletas de 7 y 10 pulgadas y el Feature Graphic.
Localización y RTL
Guarda los textos y las pantallas por configuración regional y revisa las composiciones para idiomas de derecha a izquierda, como árabe y hebreo.
Estado persistente del proyecto
app-store-screenshots.json es una fuente de referencia legible y fácil de revisar, por lo que puedes seguir trabajando después de cambiar de computadora.
Exportación por lotes
Exporta archivos organizados por plataforma, dispositivo, resolución e idioma para reducir el trabajo de redimensionarlos y renombrarlos antes del envío.
De capturas sin editar a recursos listos para las tiendas
El proceso consta de seis pasos: prepara capturas reales de dispositivos y un icono de la app; instala el skill; pídele al agente que genere o migre el editor; ajusta la narrativa y los elementos visuales en el lienzo conectado; completa cada configuración regional, y exporta los paquetes de imágenes que exigen tus tiendas.
¿Cómo se instala y cómo puedes empezar?
La forma más rápida es mediante la CLI de skills. El proyecto requiere Node.js 18 o posterior y admite bun, pnpm, yarn o npm.
npx skills add ParthJadhav/app-store-screenshots
Después de instalarlo, dile al agente algo más que «haz unas cuantas capturas». Un resumen que incluya el valor del producto, la prioridad de las funciones, los dispositivos y los idiomas objetivo, el estilo y la cantidad de pantallas producirá una primera versión mucho más sólida.
Plantilla de prompt sugerida
Crea capturas de App Store para mi app de seguimiento de hábitos. Ayuda a las personas a mantener una racha con un plan diario sencillo. Las funciones más importantes, en orden, son los registros rápidos, la revisión de tendencias y los widgets de la pantalla de inicio. Necesito dos conjuntos para iPhone, uno en inglés y otro en chino simplificado, con seis capturas cada uno. El estilo visual debe ser limpio, cálido y cuidado. Las capturas reales están en ./marketing/screenshots y el icono está en ./AppIcon.png.
Recursos que debes preparar de antemano
- Capturas reales de la app desde un simulador, emulador o dispositivo físico
- Un icono de la app transparente o de alta resolución
- Una descripción del producto en una frase y entre tres y cinco argumentos de venta clave
- Tus tiendas, dispositivos e idiomas objetivo, además de la cantidad de pantallas
- Colores de marca, tipografías o apps de referencia
¿Qué tamaños de App Store y Google Play puede exportar?
El skill diseña en el tamaño más grande compatible con cada plataforma y después genera las versiones más pequeñas. La tabla muestra algunos ajustes preestablecidos de exportación incluidos en el proyecto. Antes del envío, consulta los requisitos más recientes de especificaciones de capturas de pantalla de Apple y recursos de vista previa de Google Play.
| Tienda | Dispositivo o recurso | Resolución de exportación |
|---|---|---|
| Apple App Store | iPhone de 6.9 pulgadas | 1320 × 2868 |
| iPhone de 6.5 pulgadas | 1284 × 2778 | |
| iPhone de 6.3 pulgadas | 1206 × 2622 | |
| iPhone de 6.1 pulgadas | 1125 × 2436 | |
| Google Play | Teléfono, vertical | 1080 × 1920 |
| Tableta de 7 pulgadas | 1200 × 1920 / 1920 × 1200 | |
| Tableta de 10 pulgadas | 1600 × 2560 / 2560 × 1600 | |
| Feature Graphic | 1024 × 500 |
Nota: Google Play tiene reglas adicionales para formatos específicos, incluidos Wear OS y Android Automotive OS. Las capturas deben representar con precisión las funciones existentes de la app; evita imágenes o afirmaciones de marketing engañosas.
¿Para quién es y cuáles son sus límites?
Una buena opción para
- Desarrolladores independientes y equipos de producto pequeños
- Apps publicadas tanto en iOS como en Android
- Proyectos que actualizan con frecuencia las capturas de sus funciones
- Equipos que mantienen recursos para las tiendas en varios idiomas
Aspectos que debes tener en cuenta
- Necesitas capturas de alta calidad del producto real
- El primer borrador de los textos requiere criterio de producto y revisión humana
- Los elementos visuales de marca complejos pueden requerir ampliar el código del tema
- Cada imagen exportada necesita una revisión en miniatura y una comprobación de cumplimiento
Puede eliminar el trabajo repetitivo y el costo de crear tus propias herramientas, pero no sustituye el posicionamiento del producto, la estrategia de marca ni la revisión final. Deja que el agente cree el espacio de trabajo y proponga opciones; deja que una persona de diseño o desarrollo tome las decisiones y revise el resultado.
Preguntas frecuentes
¿Solo genera capturas para App Store en iOS?
No. El proyecto es compatible con iPhone, iPad, teléfonos Android, tabletas Android y el Feature Graphic de Google Play de 1024 × 500.
¿Puedo usarlo sin experiencia en diseño?
Sí. El skill ofrece temas, composiciones y principios de redacción, y el editor permite realizar ajustes mediante arrastrar y soltar. Si tu app tiene normas de marca estrictas, una persona de diseño debe revisar el resultado final.
¿Puedo entregar el proyecto de capturas a mi equipo?
Sí. Tanto los recursos de imagen como app-store-screenshots.json se pueden enviar a Git. Los miembros del equipo pueden clonar el proyecto, instalar sus dependencias y seguir editándolo.
¿Captura automáticamente todas las pantallas de mi app?
No. El skill se centra en diseñar, organizar y exportar capturas de marketing para las tiendas. En proyectos de iOS, el skill ios-marketing-capture del autor puede ayudar a automatizar la captura de las imágenes de origen. Para otras tecnologías, prepara primero los recursos de forma manual.
¿Deberías añadirlo a tu proceso de lanzamiento?
Si cada lanzamiento implica repetir el redimensionamiento, los marcos de los dispositivos, la colocación del texto y la organización de las carpetas por idioma, vale la pena considerarlo. El valor principal de App Store Screenshots Skill es convertir un proceso disperso de recursos de marketing en un proyecto que puedes editar, reutilizar, revisar y entregar.