Ir a la guía de uso
App Store Screenshotspor ParthJadhav

App Store Screenshots Skill.

Compón capturas de pantalla para fichas de tienda como anuncios individuales que también funcionan en conjunto.

  • Marketing de apps
  • Capturas de pantalla
  • Localización
Revisión de la fuente · App Store ScreenshotsSKILL.md
Tarea Marketing de apps Produce • Un editor local de diseño de capturas con contenido de app de ejemplo • Un archivo de proyecto JSON apto para control de versiones, además de recursos de capturas locales • Paquetes de exportación PNG organizados por dispositivo, dimensiones y idioma Antes de empezar Requiere el editor de Next.js incluido, un entorno compatible de Node y gestor de paquetes, y un navegador. La exportación PNG usa html-to-image; las capturas de origen, las fuentes y otros recursos necesitan los derechos de uso adecuados.
Resumen editorial · fuente revisada 2026-10-07 · no es un ejemplo generado

01 Qué hace

App Store Screenshots

Un editor de capturas basado en plantillas con persistencia local del proyecto, mazos separados por plataforma, textos localizados, composición conectada y comprobaciones de exportación centradas en los recortes.

Flujo de trabajo basado en la fuenteNo es una prueba de ejecución

El enfoque de trabajo

App Store Screenshots crea la estructura de un editor prediseñado con Next.js y ShadCN para imágenes de marketing de fichas de tienda. Tú aportas capturas reales de la app, un icono, las prioridades de funciones y una dirección visual; el editor ofrece marcos de dispositivo, edición de texto en línea, opciones de diseño, superposiciones de imagen y controles de exportación. El resultado es material de marketing, no una nueva interfaz de la app ni una captura automática de las pantallas del producto en todas las plataformas.

Su lienzo conectado permite que un dispositivo o elemento decorativo se extienda por capturas contiguas, aunque cada recorte exportado debe seguir comunicando una idea completa. El estado del proyecto se guarda en un archivo JSON junto con los recursos locales, con una copia en el navegador por comodidad. Los mazos separados por dispositivo y las etiquetas localizadas admiten varias tiendas. Los proyectos existentes cuentan con una migración que prioriza la conservación, en lugar de adoptar sin avisar exportaciones conectadas que podrían alterar composiciones recortadas anteriormente.

Entregables esperados

  • Un editor local de diseño de capturas con contenido de app de ejemplo
  • Un archivo de proyecto JSON apto para control de versiones, además de recursos de capturas locales
  • Paquetes de exportación PNG organizados por dispositivo, dimensiones y idioma
Ver el brief de ejemplo

Del brief a la revisión

  1. 01
    Revisa el trabajo existente

    Comprueba si hay un proyecto de capturas anterior antes de crear la estructura. Si se desea migrar, conserva los textos, mazos, recursos e instantáneas recuperables del usuario en lugar de sustituirlos por ejemplos.

  2. 02
    Aporta material real de la app

    Reúne capturas de dispositivo, icono, nombre de la app, funciones prioritarias, plataformas de destino, idiomas y dirección de estilo. Hacer las capturas es una tarea aparte cuando sea necesario.

  3. 03
    Compón el mazo

    Usa el editor incluido para variar los diseños y escribe un beneficio claro por imagen. Planifica cualquier objeto que cruce pantallas de modo que el texto y la interfaz importantes sigan siendo legibles en cada recorte individual.

  4. 04
    Inspecciona las exportaciones

    Comprueba la legibilidad de las miniaturas, los saltos de línea localizados, la carga de recursos y los recortes exportados. Exporta el paquete de cada dispositivo seleccionado y verifica los requisitos vigentes de la tienda antes de enviarlo.

02 Cuándo usarlo

Cuándo usarlo

Requiere el editor de Next.js incluido, un entorno compatible de Node y gestor de paquetes, y un navegador. La exportación PNG usa html-to-image; las capturas de origen, las fuentes y otros recursos necesitan los derechos de uso adecuados.

Buen encaje

  • Recursos de ficha repetiblesÚtil para mantener las imágenes de marketing de la tienda junto al repositorio del producto, de modo que otro colaborador pueda reabrir el mismo contenido y los mismos recursos.
  • Conjuntos de capturas coordinadosEncaja con mazos que necesitan continuidad visual compartida sin obligar a que todas las capturas usen la misma composición con el teléfono centrado.

Límites a comprobar

  • No es un servicio de captura de appsEl editor espera capturas reales. La fuente señala una vía complementaria independiente para algunos flujos de iOS; en otras plataformas sigue haciendo falta un proceso de captura adecuado.
  • Sin garantía de aprobación de la tiendaLos tamaños de exportación de una plantilla son datos de implementación, no una promesa de cumplir las normas actuales de la tienda. Confirma las reglas más recientes de la tienda de destino y revisa las afirmaciones reales sobre el producto antes de subirlo.

Aporta estos datos

  • Capturas de la app e iconoProporciona capturas en resolución nativa para los dispositivos e idiomas de destino, además del icono aprobado de la app.
  • Prioridades de funcionesEnumera los beneficios reales por orden y aporta las pruebas de valoraciones, premios o afirmaciones de uso. No inventes pruebas sociales para rellenar la imagen principal.
  • Plataformas e idiomasIndica las tiendas deseadas, los mazos por dispositivo, los idiomas, el estilo visual y si debe migrarse un proyecto existente.

03 Decisiones importantes

Decisiones importantes

  1. Conectadas pero independientes

    Una composición que cruza pantallas puede dar continuidad al conjunto, mientras que la revisión de cada recorte por separado evita que los titulares o la interfaz clave resulten ininteligibles fuera de la tira completa.

  2. Estado del proyecto recuperable

    El archivo JSON y los recursos subidos hacen la colaboración más duradera que una maqueta solo en el navegador. Las exportaciones aisladas heredadas se mantienen separadas hasta que se active intencionadamente la composición conectada.

04 Ejemplo de brief

Prueba un brief concreto

El brief de ejemplo siguiente no se ha probado. Revisa la configuración del skill antes de usarlo.

Revisa la configuración

Usa la carpeta completa del skill con su plantilla de editor y sus referencias de estilo. El comando de instalación del complemento de captura de la fuente instala una herramienta aparte; no instala este editor de capturas.

Archivo de la fuente original
https://github.com/ParthJadhav/app-store-screenshots/blob/82d4ebba770ce821d89e27f6a5bd30a2cb65ab23/skills/app-store-screenshots/SKILL.md

Requiere el editor de Next.js incluido, un entorno compatible de Node y gestor de paquetes, y un navegador. La exportación PNG usa html-to-image; las capturas de origen, las fuentes y otros recursos necesitan los derechos de uso adecuados.

Empieza con un solo entregable

Adapta el alcance, el material de origen y las restricciones de este brief antes de ejecutar el skill.

Brief de ejemplo
Usa App Store Screenshots para crear un mazo de ficha solo en inglés para iPhone de la app de hábitos proporcionada. Usa el icono suministrado y seis capturas reales, prioriza la planificación semanal y la recuperación de rachas, y no inventes valoraciones ni premios. Rellena el editor incluido con diseños variados y un momento decorativo sutil que cruce pantallas. Mantén cada titular dentro de su propio recorte y luego inspecciona los PNG exportados en tamaño de miniatura. No subas nada a ninguna tienda.

Inspecciona el resultado

Comprueba el resultado real con estos criterios observables.

  • Cada imagen exportada comunica un beneficio completo sin necesitar la captura contigua.
  • Todos los idiomas seleccionados se resuelven con textos reales y rutas de captura válidas, sin textos alternativos inexplicables.
  • El archivo del proyecto y los recursos locales pueden reproducir el mazo de dispositivo previsto tras reabrirlo.

OpenDesign ofrece un espacio de diseño local para agentes de programación. Este listado no significa que el skill esté incluido ni que se incluyan sus herramientas externas, credenciales y dependencias de software.

05 Fuente y licencia

Fuente y licencia

Esta página describe la revisión fijada de la fuente enlazada abajo. El comportamiento y los requisitos originales pueden cambiar.

Propietario de la fuente
ParthJadhav
Licencia
MIT
Instantánea revisada
2026-10-07 · 82d4ebba770c
Resumen editorial de la fuente
Un editor de capturas basado en plantillas con persistencia local del proyecto, mazos separados por plataforma, textos localizados, composición conectada y comprobaciones de exportación centradas en los recortes.

Resumen original de OpenDesign, basado en la fuente enlazada. Las estrellas del repositorio son una señal de popularidad fechada, no el uso del skill ni una puntuación de calidad.

06 Preguntas antes de empezar

Preguntas antes de empezar

¿Genera las capturas reales de la app?

Su función principal es componer recursos de marketing a partir de capturas suministradas. La automatización de capturas, cuando procede, es un flujo complementario aparte.

¿Puede un dispositivo solaparse con dos capturas?

Sí, el modo conectado exporta recortes de un lienzo compartido. Mantén el texto y la interfaz importantes dentro de cada recorte y revisa las imágenes de forma independiente.

¿Actualizar un proyecto antiguo cambiará sus recortes?

La fuente mantiene los proyectos heredados en modo aislado salvo que ya hayan optado por la composición conectada. La migración debe conservar los recursos y textos existentes con una copia de seguridad recuperable.

OpenDesign

Deja espacio para la siguiente iteración de diseño.

Mantén tu brief, el material de origen y el trabajo de diseño juntos en un espacio de trabajo local. Revisa la configuración propia del skill antes de añadirlo a tu flujo de trabajo.

Archivo de la fuente original
https://github.com/ParthJadhav/app-store-screenshots/blob/82d4ebba770ce821d89e27f6a5bd30a2cb65ab23/skills/app-store-screenshots/SKILL.md