app-store-screenshots

App Store & Google Play Screenshots Generatorは、AIコーディングエージェント（Claude Code、Cursor、Windsurf、OpenCode、Codex）向けのスキルで、アプリストアのマーケティング用スクリーンショットを作成するための本番環境対応のNext.jsエディタを構築します。静的な単発ページではなく、デバイスフレーム、キャプション、装飾要素が隣接するスクリーンショットにまたがることができる連結キャンバスを備えた完全なビジュアルエディタを作成し、さらにレガシーデッキ用の分離モードも提供します。 エディタには、ライブサムネイル付きでスライドを追加、選択、並べ替えるための画面サイドバー、レイアウト、ラベル、見出し、スクリーンショット、要素のスタッキング、トランスフォームを編集するためのインスペクタパネル、iOSとAndroidのデッキを並行して維持するためのプラットフォームスイッチャー、iPhone、iPad、Androidスマートフォン、Androidタブレット、Play Storeのフィーチャーグラフィック形式をカバーするデバイスセレクタがあります。プロジェクトは`app-store-screenshots.json`（gitで追跡可能）に永続化され、アップロードされたスクリーンショットは`public/screenshots/uploaded/`に保存されます。自動保存は`/api/project`を介してディスクに書き込み、即時リロードのために`localStorage`にもミラーリングします。 エクスポートバンドルは、プラットフォーム、デバイス、解像度、ロケールごとに整理されたZIPファイルとしてダウンロードされ、App StoreとGoogle Playの正確なサイズ要件に一致します。このツールは複数のロケール、RTL対応のコピー/レイアウトガイダンス、再利用可能なテーマ、インプレースのプロジェクト移行をサポートします。ソーススクリーンショットはプラットフォームごとの最大サイズで設計され、より小さなエクスポート用に縮小されます。 インストールは`npx skills add ParthJadhav/app-store-screenshots`（グローバルまたはエージェントごと）または手動のgit cloneで行います。使用方法：コーディングエージェントにスクリーンショットの作成を依頼し、アプリのコンテキスト、ソースキャプチャ、プラットフォーム、ロケール、ビジュアルの方向性、スライド数を提供します。構築されるNext.jsプロジェクトはReact、TypeScript、Tailwind CSS、shadcn/ui、html-to-image、JSZip、dnd-kit、react-rndを使用します。Node.js 18+とパッケージマネージャーが必要です。MITライセンス。