App Store Screenshotspor ParthJadhav

App Store Screenshots Skill.

Componha capturas de tela da página da loja como anúncios individuais que também funcionam em conjunto.

Marketing de apps
Capturas de tela
Localização

Revisão da fonte · App Store ScreenshotsSKILL.md

Tarefa Marketing de apps Produz • Um editor local de design de capturas de tela com conteúdo de app pré-carregado • Um arquivo de projeto JSON adequado para controle de versão, além de ativos de captura locais • Pacotes de exportação PNG organizados por dispositivo, dimensões e idioma Antes de começar Exige o editor Next.js empacotado, um ambiente compatível de Node e gerenciador de pacotes e um navegador. A exportação PNG usa html-to-image; capturas de origem, fontes e outros ativos precisam ter direitos de uso adequados.

Resumo editorial · fonte revisada em 2026-10-07 · não é um exemplo gerado

01 Funcionalidades

App Store Screenshots

Um editor de capturas de tela baseado em templates, com persistência local de projetos, decks separados por plataforma, textos localizados, composição conectada e verificações de exportação focadas nos recortes.

Fluxo de trabalho baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

App Store Screenshots cria a estrutura de um editor Next.js com ShadCN pré-construído para imagens de marketing de páginas de loja. Você fornece capturas reais do app, um ícone, prioridades de funcionalidades e uma direção visual; o editor oferece molduras de dispositivos, edição de texto direto no layout, opções de layout, sobreposições de imagem e controles de exportação. O resultado é arte de marketing, não uma nova interface de app nem a captura automática das telas do produto em todas as plataformas.

Seu canvas conectado permite que um dispositivo ou elemento decorativo se estenda por capturas vizinhas, enquanto cada recorte exportado ainda precisa comunicar uma ideia completa. O estado do projeto fica em um arquivo JSON junto com ativos locais, com um espelho no navegador por conveniência. Decks de dispositivos separados e rótulos localizados dão suporte a várias lojas. Projetos existentes recebem um caminho de migração voltado à preservação, em vez de adotar silenciosamente exportações conectadas que poderiam alterar composições antes recortadas.

Entregas esperadas

Um editor local de design de capturas de tela com conteúdo de app pré-carregado
Um arquivo de projeto JSON adequado para controle de versão, além de ativos de captura locais
Pacotes de exportação PNG organizados por dispositivo, dimensões e idioma

Ver o briefing de exemplo

Do briefing à revisão

01
Inspecione o trabalho existente
Verifique se há um projeto de capturas anterior antes de criar a estrutura. Se desejar migrar, preserve os textos, decks, ativos e snapshots recuperáveis do usuário em vez de substituí-los por exemplos.
02
Forneça material real do app
Reúna capturas de dispositivos, ícone, nome do app, funcionalidades prioritárias, plataformas de destino, idiomas e direção de estilo. Capturar as telas é uma tarefa separada, quando necessário.
03
Componha o deck
Use o editor empacotado para variar layouts e escrever um benefício claro por imagem. Planeje qualquer objeto que cruze telas de modo que textos e elementos de interface importantes continuem legíveis em cada recorte individual.
04
Inspecione as exportações
Verifique a legibilidade das miniaturas, as quebras de linha localizadas, o carregamento dos ativos e os recortes exportados. Exporte o pacote de cada dispositivo selecionado e confira os requisitos atuais das lojas antes do envio.

02 Quando usar

Quando usar

Exige o editor Next.js empacotado, um ambiente compatível de Node e gerenciador de pacotes e um navegador. A exportação PNG usa html-to-image; capturas de origem, fontes e outros ativos precisam ter direitos de uso adequados.

Boa adequação

Ativos de página de loja repetíveisÚtil para manter imagens de marketing da loja junto ao repositório do produto, de modo que outra pessoa possa reabrir o mesmo conteúdo e os mesmos ativos.
Conjuntos de capturas coordenadosServe para decks que precisam de continuidade visual compartilhada sem obrigar todas as capturas a usar a mesma composição com celular centralizado.

Limites a verificar

Não é um serviço de captura de appsO editor espera capturas reais. A fonte aponta para um caminho complementar separado para alguns fluxos de iOS; outras plataformas ainda exigem um processo de captura adequado.
Sem garantia de aprovação nas lojasOs tamanhos de exportação em um template são dados de implementação, não uma promessa de conformidade atual com as lojas. Confirme as regras mais recentes da loja de destino e revise as alegações reais sobre o produto antes de enviar.

Traga estas entradas

Capturas do app e íconeForneça capturas de tela em resolução nativa para os dispositivos e idiomas de destino, além do ícone aprovado do app.
Prioridades de funcionalidadesListe os benefícios reais em ordem e forneça as evidências por trás de avaliações, prêmios ou alegações de uso. Não invente prova social para preencher a imagem principal.
Plataformas e idiomasInforme as lojas desejadas, os decks de dispositivos, os idiomas, o estilo visual e se um projeto existente deve ser migrado.

03 Decisões importantes

Decisões importantes

Conectado, porém independente
Uma composição entre telas pode dar continuidade ao conjunto, enquanto a revisão de cada recorte separado evita que títulos ou elementos-chave da interface fiquem ininteligíveis fora da faixa completa.
Estado de projeto recuperável
O arquivo JSON e os ativos enviados tornam a colaboração mais durável do que um mockup apenas no navegador. As exportações isoladas legadas permanecem distintas até que a composição conectada seja ativada intencionalmente.

04 Exemplo de briefing

Experimente um briefing focado

O briefing de exemplo abaixo não foi testado. Verifique a configuração da skill antes de usá-lo.

Revise a configuração

Use a pasta completa da skill com seu template de editor e as referências de estilo. O comando de instalação do complemento de captura na fonte instala uma ferramenta separada; ele não instala este editor de capturas de tela.

Arquivo da fonte original

https://github.com/ParthJadhav/app-store-screenshots/blob/82d4ebba770ce821d89e27f6a5bd30a2cb65ab23/skills/app-store-screenshots/SKILL.md

Comece com uma entrega

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo

Use App Store Screenshots para criar um deck de página de loja para iPhone, somente em inglês, para o app de hábitos fornecido. Use o ícone fornecido e as seis capturas reais, priorize planejamento semanal e recuperação de sequência, e não invente avaliações nem prêmios. Preencha o editor empacotado com layouts variados e um momento decorativo sutil entre telas. Mantenha cada título dentro do próprio recorte e depois inspecione os PNGs exportados em tamanho de miniatura. Não envie nada para uma loja.

Inspecione o resultado

Compare o resultado real com estes critérios observáveis.

Cada imagem exportada comunica um benefício completo sem precisar de uma captura adjacente.
Todos os idiomas selecionados resolvem para textos reais e caminhos de captura válidos, sem texto alternativo inexplicado.
O arquivo de projeto e os ativos locais conseguem reproduzir o deck de dispositivos pretendido após a reabertura.

A OpenDesign oferece um espaço de design local para agentes de programação. Esta listagem não significa que a skill esteja incluída no pacote nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesign Ler o guia rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixada da fonte vinculada abaixo. O comportamento e os requisitos originais podem mudar.

Responsável pela fonte: ParthJadhav
Repositório: ParthJadhav/app-store-screenshots
Arquivo da skill: skills/app-store-screenshots/SKILL.md
Licença: MIT
Snapshot revisado: 2026-10-07 · 82d4ebba770c

Resumo editorial da fonte

Um editor de capturas de tela baseado em templates, com persistência local de projetos, decks separados por plataforma, textos localizados, composição conectada e verificações de exportação focadas nos recortes.

Resumo original da OpenDesign, com base na fonte vinculada. As estrelas do repositório são um sinal de popularidade datado, não uso da skill nem nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

Ela gera as capturas de tela reais do app?

Sua função principal é compor ativos de marketing a partir de capturas fornecidas. A automação de captura, quando aplicável, é um fluxo complementar separado.

Um mesmo dispositivo pode se sobrepor a duas capturas?

Sim, o modo conectado exporta recortes de um canvas compartilhado. Mantenha textos e elementos de interface importantes dentro de cada recorte e revise as imagens de forma independente.

Atualizar um projeto antigo vai alterar seus recortes?

A fonte mantém projetos legados no modo isolado, a menos que eles já tenham optado pela composição conectada. A migração deve preservar os ativos e textos existentes com um backup recuperável.

OpenDesign

Abra espaço para a próxima iteração de design.

Mantenha seu briefing, o material de origem e o trabalho de design juntos em um espaço de trabalho local. Verifique a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesign Explorar skills de design