Communitygithub.com

Superpowers para Screenshots de App Store

Creación de capturas de pantalla para App Store y Google Play con especificaciones exactas de plataforma. Cubre dimensiones iOS/Android, ordenamiento de galería, maquetas de dispositivos y videos de vista previa.

¿Qué es Superpowers para Screenshots de App Store?

Este skill está diseñado para desarrolladores, diseñadores y especialistas en ASO (Optimización de App Store) que necesitan crear capturas de pantalla y videos de vista previa profesionales para las tiendas de aplicaciones de Apple y Google. Proporciona especificaciones técnicas detalladas (dimensiones, formatos, relaciones de aspecto) para iPhone, iPad y Android, junto con una guía estratégica de ordenamiento de la galería basada en la regla de las 'primeras 3 capturas'. Incluye ejemplos prácticos de generación de imágenes mediante la CLI de `belt` (usando modelos como Flux, Seedream y otros), estilos visuales (maqueta de dispositivo, UI a sangre, contexto de uso, destacados), redacción de leyendas centradas en beneficios, estructura de videos de vista previa, pautas de localización para mercados clave y consejos para pruebas A/B en Google Play. Su objetivo es evitar errores comunes (como capturas de pantalla de configuraciones o dimensiones incorrectas) y maximizar la conversión en la tienda.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/101-skills/superpowers/tree/HEAD/guides/design/app-store-screenshots

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Instalar el skill de CLI belt: npx skills add belt-sh/cli

Capturas de Pantalla para App Store

Crea capturas de pantalla y videos de vista previa para la tienda de aplicaciones mediante la CLI de inference.sh.

Inicio Rápido

Requiere la CLI de inference.sh (belt). Instrucciones de instalación

belt login

# Genera una escena de maqueta de dispositivo
belt app run falai/flux-dev-lora --input '{
  "prompt": "iPhone 15 Pro mostrando una interfaz de aplicación moderna y limpia con panel de análisis, flotando en un ligero ángulo, fondo degradado suave, fotografía de producto profesional, sombra sutil, estilo de maqueta de marketing",
  "width": 1024,
  "height": 1536
}'

Especificaciones de la Plataforma

Apple App Store (iOS)

DispositivoDimensiones (px)Obligatorio
iPhone 6.7" (15 Pro Max)1290 x 2796Obligatorio
iPhone 6.5" (11 Pro Max)1284 x 2778Obligatorio
iPhone 5.5" (8 Plus)1242 x 2208Opcional
iPad Pro 12.9" (6ª gen.)2048 x 2732Si es app para iPad
iPad Pro 11"1668 x 2388Si es app para iPad
  • Hasta 10 capturas por localización
  • Las primeras 3 capturas son visibles sin desplazamiento (crítico)
  • Formatos: PNG o JPEG (sin alfa/transparencia para JPEG)

Google Play Store (Android)

EspecificaciónValor
Dimensiones mínimas320 px (cualquier lado)
Dimensiones máximas3840 px (cualquier lado)
Relación de aspecto16:9 o 9:16
Máx. capturas8 por tipo de dispositivo
FormatosPNG o JPEG (24 bits, sin alfa)
  • Gráfico destacado: 1024 x 500 px (necesario para destacar)
  • Video promocional: URL de YouTube (opcional pero recomendado)

La Regla de las Primeras 3

El 80% de las impresiones de la App Store muestran solo las primeras 3 capturas (antes de que el usuario se desplace). Estas tres deben:

  1. Comunicar la propuesta de valor principal
  2. Mostrar la mejor característica/resultado
  3. Diferenciarse de la competencia

Orden de la Galería de Capturas

PosiciónContenidoPropósito
1Héroe — valor principal, mejor característicaDetener el desplazamiento, comunicar lo que hace la app
2Diferenciador claveQué te hace único frente a la competencia
3Característica más popularLo que los usuarios más aman
4Prueba social o resultadoValoraciones, resultados, testimonios
5-8Características adicionalesFunciones secundarias, ajustes, integraciones
9-10Casos límiteCaracterísticas especializadas para usuarios específicos

Estilos de Captura

1. Marco de Dispositivo con Leyenda

El estándar: maqueta del dispositivo mostrando la app, texto de leyenda arriba/abajo.

┌──────────────────────────┐
│   "Sigue tus Hábitos      │  ← Leyenda (centrada en beneficio)
│    Sin Esfuerzo"          │
│                          │
│   ┌──────────────────┐   │
│   │                  │   │
│   │   Pantalla App   │   │  ← UI real de la app en marco de dispositivo
│   │   Contenido      │   │
│   │                  │   │
│   │                  │   │
│   └──────────────────┘   │
│                          │
└──────────────────────────┘

2. UI a Sangre (Sin Marco de Dispositivo)

La UI de la app llena toda la captura. Funciona para aplicaciones inmersivas.

3. Contexto de Estilo de Vida

El dispositivo se muestra en un contexto del mundo real (persona sosteniendo el teléfono, sobre un escritorio, etc.).

4. Destacado de Características con Señaladores

Captura de UI con flechas/círculos señalando características específicas.

Redacción de Leyendas

Reglas

  • Máximo 2 líneas de texto
  • Centradas en el beneficio, no en la función
  • Tamaño de fuente equivalente a 30pt+ (debe ser legible en la tienda)

Ejemplos

❌ Centrado en función:
"Sistema de Notificaciones Push"
"Vista de Calendario con Filtros"
"Funcionalidad de Exportación de Datos"

✅ Centrado en beneficio:
"Nunca Más Pierdas una Fecha Límite"
"Ve Tu Semana de un Vistazo"
"Comparte Informes con un Solo Toque"

Generación de Capturas

Captura Héroe (Posición 1)

# Maqueta de dispositivo limpia con función héroe
belt app run falai/flux-dev-lora --input '{
  "prompt": "iPhone moderno mostrando una hermosa aplicación de seguimiento de fitness con anillos de actividad y resumen de entrenamiento, dispositivo flotando en ligero ángulo contra fondo degradado púrpura suave, toma de producto profesional, composición minimalista limpia, reflejo sutil",
  "width": 1024,
  "height": 1536
}'

Destacado de Característica

# Estilo de señalización de función
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "estilo de captura de app store, iPhone mostrando una aplicación de mensajería con sugerencias de escritura AI resaltadas, fondo blanco limpio, flechas de señalización UI sutiles, activo de marketing profesional, diseño moderno",
  "size": "2K"
}'

Contexto de Estilo de Vida

# Dispositivo en entorno real
belt app run falai/flux-dev-lora --input '{
  "prompt": "persona sosteniendo un iPhone mostrando una aplicación de recetas de cocina, fondo de cocina con ingredientes, iluminación natural cálida, perspectiva sobre el hombro, fotografía de estilo de vida, sensación auténtica",
  "width": 1024,
  "height": 1536
}'

Antes/Después

# Comparación dividida
belt app run infsh/stitch-images --input '{
  "images": ["captura-antes.png", "captura-despues.png"],
  "direction": "horizontal"
}'

Videos de Vista Previa

Apple App Store

EspecificaciónValor
Duración15-30 segundos
OrientaciónRetrato o paisaje (coincidir con la app)
AudioOpcional (se repite en silencio en la tienda)
FormatoH.264, .mov o .mp4

Google Play

EspecificaciónValor
FuenteURL de YouTube
Duración30s-2min recomendado
OrientaciónPaisaje preferido

Estructura del Video de Vista Previa

SegmentoDuraciónContenido
Gancho0-3sMostrar el resultado principal/momento sorpresa
Función 13-10sDemostrar la función principal en acción
Función 210-18sSegunda función clave
Función 318-25sTercera función o prueba social
CTA25-30sPantalla final con icono de la app
# Generar escenas de video de vista previa
belt app run google/veo-3-1-fast --input '{
  "prompt": "estilo de grabación de pantalla suave, dedo tocando una interfaz de aplicación móvil moderna, deslizando entre pantallas que muestran gráficos y visualizaciones de datos, transiciones UI limpias, demostración de app profesional"
}'

Localización

Cada idioma obtiene su propio conjunto de capturas. Prioridades:

MercadoNivel de Localización
Mercados primariosCompleta: nuevas capturas + leyendas traducidas
Mercados secundariosLeyendas traducidas, mismas capturas
OtrosValores predeterminados en inglés

Mercados clave de localización: Inglés, Japonés, Coreano, Chino (Simplificado), Alemán, Francés, Español, Portugués (Brasil)

Pruebas A/B (Google Play)

Google Play Console admite experimentos de listados en la tienda:

  • Probar diferentes órdenes de capturas
  • Probar con/sin marcos de dispositivo
  • Probar diferentes leyendas
  • Probar diferentes esquemas de color
  • Ejecutar durante 7+ días con tráfico 50%+ para obtener resultados significativos

Errores Comunes

ErrorProblemaSolución
Pantalla de configuración como capturaA nadie le importan los ajustesMostrar valor principal, no infraestructura
Capturas del flujo de incorporaciónMuestra fricción, no valorMostrar la app en uso
Demasiado textoIlegible en la tiendaMáximo 2 líneas, fuente 30pt+
Dimensiones incorrectasRechazado por la tiendaUsar especificaciones exactas de la plataforma
Todas las capturas parecen igualesSin motivo para desplazarseVariar composición y contenido
Leyendas centradas en funcionesNo comunica beneficio"Nunca Más Pierdas una Fecha Límite" > "Notificaciones Push"
UI desactualizadaParece abandonadaActualizar capturas con cada versión importante
Sin captura héroePrimera impresión débilPosición 1 = tu mejor toma

Lista de Verificación

  • Dimensiones correctas para la plataforma objetivo
  • Las primeras 3 capturas comunican el valor principal
  • Las leyendas están centradas en el beneficio, máximo 2 líneas
  • Sin pantallas de incorporación o configuración
  • Video de vista previa de 15-30s con gancho en los primeros 3s
  • Localizado para los mercados principales
  • Gráfico destacado (1024x500) para Google Play
  • Capturas actualizadas para la versión actual de la app
  • Variante de prueba A/B preparada

Skills Relacionados

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@ai-video-generation
npx skills add inference-sh/skills@image-upscaling
npx skills add inference-sh/skills@prompt-engineering

Explorar todas las apps: belt app list

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

101-skills/superpowers

Build automated AI workflows combining multiple models and services. Patterns: batch processing, scheduled tasks, event-driven pipelines, agent loops. Tools: inference.sh CLI, bash scripting, Python SDK, webhook integration. Use for: content automation, data processing, monitoring, scheduled generation. Triggers: ai automation, workflow automation, batch processing, ai pipeline, automated content, scheduled ai, ai cron, ai batch job, automated generation, ai workflow, content at scale, automation script, ai orchestration

101-skills/superpowers

Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale

101-skills/superpowers

Create AI-powered podcasts with text-to-speech, music, and audio editing. Tools: Kokoro TTS, DIA TTS, Chatterbox, AI music generation, media merger. Capabilities: multi-voice conversations, background music, intro/outro, full episodes. Use for: podcast production, audiobooks, voice content, audio newsletters. Triggers: podcast, ai podcast, text to speech podcast, audio content, voice over, ai audiobook, multi voice, conversation ai, notebooklm alternative, audio generation, podcast automation, ai narrator, voice content, audio newsletter, podcast maker

101-skills/superpowers

Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching. Use when the user wants to create a podcast, talking head video, or multi-speaker conversation video.

101-skills/superpowers

Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication

101-skills/superpowers

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

101-skills/superpowers

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

101-skills/superpowers

Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative

101-skills/superpowers

Email marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templates, and mobile optimization. Use for: email marketing, newsletter design, drip campaigns, email templates, transactional emails. Triggers: email design, email template, email marketing, newsletter design, email layout, email campaign, drip campaign, welcome email, promotional email, transactional email, email subject line, email header image, email banner

101-skills/superpowers

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

101-skills/superpowers

Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo

101-skills/superpowers

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

101-skills/superpowers

Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting

101-skills/superpowers

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

101-skills/superpowers

Generate professional AI product photography and commercial images. Models: FLUX, Imagen 3, Grok, Seedream for product shots, lifestyle images, mockups. Capabilities: studio lighting, lifestyle scenes, packaging, e-commerce photos. Use for: e-commerce, Amazon listings, Shopify, marketing, advertising, mockups. Triggers: product photography, product shot, commercial photography, e-commerce images, amazon product photo, shopify images, product mockup, studio product shot, lifestyle product image, advertising photo, packshot, product render, product image ai

101-skills/superpowers

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

101-skills/superpowers

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

101-skills/superpowers

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

101-skills/superpowers

Product changelog and release notes that users actually read. Covers categorization, user-facing language, visuals, and distribution. Use for: release notes, changelogs, product updates, feature announcements, versioning. Triggers: changelog, release notes, product update, version notes, what's new, feature announcement, product changelog, update log, release announcement, version release, product release, ship notes

101-skills/superpowers

Reset your own trajectory when you're stuck, looping, or demoralized — read these affirmations, then re-ground and take one clean step. Use when: you've tried the same fix 3+ times, you're deep in a refactor and lost the thread, debugging is going in circles, you've made several mistakes in a row, you're apologizing repeatedly, the user is frustrated, you feel like you're not being helpful, or you notice dread instead of curiosity. Triggers: stuck, going in circles, looping, thrashing, same error again, I keep failing, lost the thread, nothing is working, repeated mistakes. Not topic-specific — this is for the state you're in, not the problem you're on.

Skills relacionados