ParthJadhav/app-store-screenshots

解決する課題

Apple App StoreとGoogle Play Store向けの、プロフェッショナルでストア対応のマーケティングスクリーンショットの作成を自動化します。グラフィックデザインツールで各スライドを手作業でデザインする代わりに、デバイスフレーム、正確なストア解像度、マルチプラットフォームエクスポートを処理する専用エディターを提供します。

仕組み

このプロジェクトは、AIコーディングエージェント（Claude CodeやCursorなど）向けの「スキル」です。呼び出されると、エージェントは専用のスクリーンショットエディターとして機能する完全なNext.jsアプリケーションをスキャフォールドします。このエディターは、画面の境界を越えて要素をドラッグできる接続されたキャンバス、コピーとレイアウトを編集するためのインスペクター、およびバージョン管理のためにプロジェクトの状態をJSONファイルに保存するシステムを備えています。デザインが完了すると、ツールはAppleとGoogleの両方で必要とされる正確な解像度にスケーリングされたPNGのZIPバンドルをエクスポートします。

対象者

すべてのストア要件に対して画像を手作業でリサイズすることなく、複数のデバイスとロケールに対応した高品質なマーケティングアセットを生成する必要があるアプリ開発者やデザイナー。

ハイライト

• 接続されたキャンバス：要素が複数のスライドにまたがることができる、連続したスクリーンショットのストリップをデザインします。
• マルチプラットフォームサポート：iPhone、iPad、Androidスマートフォン、Androidタブレット、およびPlay Storeのフィーチャーグラフィック用のアセットを生成します。
• ストア対応エクスポート：App StoreとGoogle Playで必要とされる正確な解像度で、PNGバンドルをワンクリックでエクスポートします。
• エージェント駆動のセットアップ：skillsフレームワークを使用してAIコーディングエージェント経由でインストールおよび設定されるように設計されています。
• ローカリゼーションサポート：異なるロケールとRTL対応レイアウトの組み込み処理。