Communitygithub.com

101-habilidades/superpoderes

Criação de capturas de tela para App Store e Google Play com especificações exatas da plataforma. Abrange dimensões iOS/Android, ordenação da galeria, maquetes de dispositivos e vídeos de pré-visualização. Use para: otimização da loja de aplicativos, ASO, capturas de tela do aplicativo, pré-visualização do aplicativo, listagem da Play Store. Disparadores: capturas de tela da loja, aso, otimização da loja, capturas de tela do play store, pré-visualização do aplicativo, listagem do aplicativo, capturas de tela do iOS, capturas de tela do Android, imagens da loja, maquete do aplicativo, maquete do dispositivo, galeria do aplicativo, listagem da loja

O que é superpoderes?

Esta habilidade fornece um guia completo para criar capturas de tela e vídeos de pré-visualização para a App Store (Apple) e Google Play (Android), utilizando a ferramenta CLI `belt` do [inference.sh](https://inference.sh). Ela detalha as especificações técnicas exatas de dimensões, formatos e requisitos de cada plataforma, incluindo tabelas de referência para dispositivos iOS e Android. A habilidade enfatiza a importância das 'Primeiras 3 Capturas' e fornece uma estrutura de galeria otimizada para maximizar conversões. Além disso, oferece exemplos práticos de prompts para geração de imagens e vídeos com diferentes estilos (maquete do dispositivo, contexto de uso, destaque de recursos), orientações sobre redação de legendas focadas em benefícios, e práticas recomendadas para localização e testes A/B. É útil para desenvolvedores, profissionais de marketing e ASO que precisam criar materiais de listagem de alta qualidade para lojas de aplicativos.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Instale a habilidade CLI belt: npx skills add belt-sh/cli

Capturas de Tela para Loja de Aplicativos

Crie capturas de tela e vídeos de pré-visualização para lojas de aplicativos via CLI do inference.sh.

Início Rápido

Requer a CLI do inference.sh (belt). Instruções de instalação

belt login

# Gere uma cena de maquete de dispositivo
belt app run falai/flux-dev-lora --input '{
  "prompt": "iPhone 15 Pro mostrando uma interface de aplicativo moderna e limpa com painel de analytics, flutuando em um leve ângulo, fundo com gradiente suave, fotografia profissional de produto, sombra sutil, estilo de maquete de marketing",
  "width": 1024,
  "height": 1536
}'

Especificações da Plataforma

Apple App Store (iOS)

DispositivoDimensões (px)Obrigatório
iPhone 6,7" (15 Pro Max)1290 x 2796Obrigatório
iPhone 6,5" (11 Pro Max)1284 x 2778Obrigatório
iPhone 5,5" (8 Plus)1242 x 2208Opcional
iPad Pro 12,9" (6ª geração)2048 x 2732Se for aplicativo para iPad
iPad Pro 11"1668 x 2388Se for aplicativo para iPad
  • Até 10 capturas de tela por localização
  • As primeiras 3 capturas de tela são visíveis sem rolagem (crítico)
  • Formatos: PNG ou JPEG (sem alfa/transparência para JPEG)

Google Play Store (Android)

EspecificaçãoValor
Dimensões mínimas320 px (qualquer lado)
Dimensões máximas3840 px (qualquer lado)
Proporção16:9 ou 9:16
Máximo de capturas8 por tipo de dispositivo
FormatosPNG ou JPEG (24 bits, sem alfa)
  • Gráfico de destaque: 1024 x 500 px (necessário para destaque)
  • Vídeo promocional: URL do YouTube (opcional, mas recomendado)

A Regra das 3 Primeiras

80% das impressões da App Store mostram apenas as 3 primeiras capturas de tela (antes do usuário rolar). Estas três devem:

  1. Comunicar a proposta de valor central
  2. Mostrar o melhor recurso/resultado
  3. Diferenciar-se dos concorrentes

Ordem da Galeria de Capturas de Tela

PosiçãoConteúdoPropósito
1Herói — valor central, melhor recursoParar a rolagem, comunicar o que o aplicativo faz
2Principal diferencialO que te torna único em relação aos concorrentes
3Recurso mais popularA coisa que os usuários mais amam
4Prova social ou resultadoAvaliações, resultados, depoimentos
5-8Recursos adicionaisRecursos de suporte, configurações, integrações
9-10Casos de bordaRecursos especializados para usuários de nicho

Estilos de Captura de Tela

1. Moldura do Dispositivo com Legenda

O padrão: maquete do dispositivo mostrando o aplicativo, texto da legenda acima/abaixo.

┌──────────────────────────┐
│   "Acompanhe Seus Hábitos│  ← Legenda (focada no benefício)
│    Sem Esforço"          │
│                          │
│   ┌──────────────────┐   │
│   │                  │   │
│   │   Tela do App    │   │  ← UI real do aplicativo na moldura
│   │   Conteúdo       │   │
│   │                  │   │
│   │                  │   │
│   └──────────────────┘   │
│                          │
└──────────────────────────┘

2. UI em Tela Cheia (Sem Moldura do Dispositivo)

A UI do aplicativo preenche toda a captura de tela. Funciona para aplicativos imersivos.

3. Contexto de Estilo de Vida

O dispositivo mostrado em um contexto do mundo real (pessoa segurando o telefone, sobre a mesa, etc.).

4. Destaque de Recurso com Chamadas

Captura de tela da UI com setas/círculos apontando para recursos específicos.

Redação de Legendas

Regras

  • Máximo de 2 linhas de texto
  • Focada no benefício, não no recurso
  • Tamanho de fonte equivalente a 30pt+ (deve ser legível na loja)

Exemplos

❌ Focada no recurso:
"Sistema de Notificação Push"
"Visualização de Calendário com Filtros"
"Funcionalidade de Exportação de Dados"

✅ Focada no benefício:
"Nunca Mais Perca um Prazo"
"Veja Sua Semana de Relance"
"Compartilhe Relatórios com um Toque"

Gerando Capturas de Tela

Captura de Tela Herói (Posição 1)

# Maquete limpa do dispositivo com recurso herói
belt app run falai/flux-dev-lora --input '{
  "prompt": "iPhone moderno mostrando um belo aplicativo de monitoramento fitness com anéis de atividade e resumo de treino, dispositivo flutuando em leve ângulo contra fundo degradê roxo suave, foto profissional de produto, composição limpa e minimalista, reflexo sutil",
  "width": 1024,
  "height": 1536
}'

Destaque de Recurso

# Estilo de chamada de recurso
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "estilo de captura de tela de loja de aplicativos, iPhone mostrando um aplicativo de mensagens com sugestões de escrita por IA destacadas, fundo branco limpo, setas de chamada de UI sutis, ativo de marketing profissional, design moderno",
  "size": "2K"
}'

Contexto de Estilo de Vida

# Dispositivo em cenário real
belt app run falai/flux-dev-lora --input '{
  "prompt": "pessoa segurando iPhone mostrando um aplicativo de receitas culinárias, fundo de cozinha com ingredientes, iluminação natural quente, perspectiva por cima do ombro, fotografia de estilo de vida, sensação autêntica",
  "width": 1024,
  "height": 1536
}'

Antes/Depois

# Comparação dividida
belt app run infsh/stitch-images --input '{
  "images": ["antes-captura.png", "depois-captura.png"],
  "direction": "horizontal"
}'

Vídeos de Pré-visualização

Apple App Store

EspecificaçãoValor
Duração15-30 segundos
OrientaçãoRetrato ou paisagem (corresponder ao aplicativo)
ÁudioOpcional (loop silencioso na loja)
FormatoH.264, .mov ou .mp4

Google Play

EspecificaçãoValor
OrigemURL do YouTube
Duração30s-2min recomendado
OrientaçãoPaisagem preferida

Estrutura do Vídeo de Pré-visualização

SegmentoDuraçãoConteúdo
Gancho0-3sMostre o resultado principal/momento uau
Recurso 13-10sDemonstre o principal recurso em ação
Recurso 210-18sSegundo recurso chave
Recurso 318-25sTerceiro recurso ou prova social
CTA25-30sTela final com ícone do aplicativo
# Gere cenas de vídeo de pré-visualização
belt app run google/veo-3-1-fast --input '{
  "prompt": "estilo de gravação de tela suave, dedo tocando em uma interface moderna de aplicativo móvel, deslizando entre telas mostrando gráficos e visualizações de dados, transições de UI limpas, demonstração profissional de aplicativo"
}'

Localização

Cada idioma recebe seu próprio conjunto de capturas de tela. Prioridades:

MercadoNível de Localização
Mercados primáriosCompleto: novas capturas de tela + legendas traduzidas
Mercados secundáriosLegendas traduzidas, mesmas capturas de tela
OutrosPadrão em inglês

Principais mercados de localização: Inglês, Japonês, Coreano, Chinês (Simplificado), Alemão, Francês, Espanhol, Português (Brasil)

Testes A/B (Google Play)

O Console do Google Play oferece suporte a experimentos de listagem:

  • Teste diferentes ordens de capturas de tela
  • Teste com/sem molduras de dispositivo
  • Teste diferentes legendas
  • Teste diferentes esquemas de cores
  • Execute por 7+ dias com 50%+ de tráfego para resultados significativos

Erros Comuns

ErroProblemaCorreção
Tela de configurações como capturaNinguém se importa com configuraçõesMostre o valor central, não a infraestrutura
Capturas de fluxo de integraçãoMostra atrito, não valorMostre o aplicativo em uso
Muito textoIlegível na lojaMáximo 2 linhas, fonte 30pt+
Dimensões erradasRejeitado pela lojaUse as especificações exatas da plataforma
Todas as capturas são iguaisNenhum motivo para rolarVarie a composição e o conteúdo
Legendas focadas em recursosNão comunica benefício"Nunca Mais Perca um Prazo" > "Notificações Push"
UI desatualizadaParece abandonadoAtualize as capturas a cada grande lançamento
Nenhuma captura heróiPrimeira impressão fracaPosição 1 = sua melhor imagem

Lista de Verificação

  • Dimensões corretas para a plataforma alvo
  • Primeiras 3 capturas de tela comunicam o valor central
  • Legendas são focadas em benefícios, máximo 2 linhas
  • Nenhuma tela de integração ou configurações
  • Vídeo de pré-visualização tem 15-30s com gancho nos primeiros 3s
  • Localizado para os principais mercados
  • Gráfico de destaque (1024x500) para Google Play
  • Capturas de tela atualizadas para a versão atual do aplicativo
  • Variante de teste A/B preparada

Habilidades Relacionadas

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

Navegue por todos os aplicativos: 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.

Habilidades Relacionadas