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
Del brief a la revisión
- 01Revisa 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.
- 02Aporta 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.
- 03Compó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.
- 04Inspecciona 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.