À propos du projet

App Store & Google Play Screenshots Generator est une compétence pour agents de codage IA (Claude Code, Cursor, Windsurf, OpenCode, Codex) qui génère un éditeur Next.js prêt pour la production afin de créer des captures marketing pour boutiques d'applications. Au lieu de pages statiques uniques, elle crée un éditeur visuel complet avec un canevas connecté où les cadres d'appareils, les légendes et les éléments décoratifs peuvent s'étendre sur des captures adjacentes, plus un mode isolé pour les decks existants. L'éditeur fournit une barre latérale d'écrans pour ajouter, sélectionner et réorganiser les diapositives avec des vignettes en direct ; un panneau d'inspection pour modifier la mise en page, les libellés, les titres, les captures, l'empilement des éléments et les transformations ; un sélecteur de plateforme pour maintenir les decks iOS et Android côte à côte ; et un sélecteur d'appareils couvrant iPhone, iPad, téléphone Android, tablettes Android et les formats de graphique vedette du Play Store. Les projets sont persistés dans `app-store-screenshots.json` (traçable par git) et les captures téléversées sont stockées sous `public/screenshots/uploaded/`. L'enregistrement automatique écrit sur le disque via `/api/project` et se reflète dans `localStorage` pour des rechargements instantanés. Les lots d'export sont téléchargés sous forme de fichiers ZIP organisés par plateforme, appareil, résolution et locale, correspondant exactement aux exigences de taille de l'App Store et de Google Play. L'outil prend en charge plusieurs locales, des conseils de copie/mise en page adaptés au RTL, des thèmes réutilisables et la migration de projets sur place. Les captures sources sont conçues à la plus grande taille par plateforme et réduites pour les exports plus petits. L'installation se fait via `npx skills add ParthJadhav/app-store-screenshots` (global ou par agent) ou par clonage git manuel. Utilisation : demandez à votre agent de codage de créer des captures, fournissez le contexte de l'application, les captures sources, les plateformes, les locales, la direction visuelle et le nombre de diapositives. Le projet Next.js généré utilise React, TypeScript, Tailwind CSS, shadcn/ui, html-to-image, JSZip, dnd-kit et react-rnd. Nécessite Node.js 18+ et un gestionnaire de paquets. Sous licence MIT.