iOS向けAI App Storeスクリーンショットジェネレーター

AI App Storeスクリーンショットジェネレーター:数分で本番用アセットを生成

AIでiOSアプリマーケティングを変革

実際にコンバージョンする魅力的なApp Storeスクリーンショットが必要ですか?このオープンソースのApp StoreスクリーンショットジェネレーターはiOS開発者のゲームチェンジャーです。AIコーディングエージェント(Claude Code、Cursor、Windsurf、その他40以上)のスキルとして設計されており、Appleが承認する広告スタイルのスクリーンショットを、必要な全解像度で自動エクスポートします。

実例Bloom Coffeeアプリがまさにこのスクリーンショットを使用。

🚀 ワンコマンドインストール

npx skills add ParthJadhav/app-store-screenshots

プロジェクト全体やclaude-codeなどの特定エージェントでグローバルに動作。複雑なセットアップ不要。

🎯 何が違うのか

ほとんどのスクリーンショットツールはUIダンプを表示するだけ。このジェネレーターはマーケティング用スクリーンショットを作成し、販売します:

  • ブランドについて質問:色、フォント、スタイルの好み
  • 魅力的なコピー作成:実証済みのApp Storeパターン
  • iPhoneモックアップ:事前測定済みフレーム
  • 全4サイズ:6.9"、6.5"、6.3"、6.1"エクスポート
  • 多言語対応:ロケールフォルダ + RTLサポート
  • テーマプリセット:アートディレクションを即座に切り替え

💬 動作する例プロンプト

「習慣トラッカーアプリのApp Storeスクリーンショットを作成。クリーン/ミニマルスタイル、暖色ニュートラル、6スライド。」

「ファイナンスアプリのスクリーンショットを生成。シャープなモダンスタイル、高コントラスト、7スライド。」

「言語学習アプリのArabic + Englishスクリーンショットを作成。RTLネイティブレイアウト必須。」

🛠️ 生成されるもの

スキルは完全なNext.jsプロジェクトをスキャフォールドします:

project/
├── public/mockup.png (iPhoneフレーム)
├── public/screenshots/en/, de/, ar/ (ロケールフォルダ)
├── src/app/page.tsx (スクリーンショットジェネレーター)
└── package.json

シングルファイルジェネレーター:ブラウザを開いてPNGをクリックでエクスポート。

🌍 高度な機能

  1. 多ロケールen/home.pngar/home.pngde/home.png
  2. RTL対応:正しいArabic/Hebrewレイアウト
  3. デザイントークン: ```ts const THEMES = { "clean-light": { bg: "#F6F1EA", accent: "#5B7CFA" }, "dark-bold": { bg: "#0B1020", accent: "#8B5CF6" } };
    4. **一括エクスポート**:全ロケール × デバイス × テーマ
    
    ## 📱 エクスポート仕様
    
    | ディスプレイ | 解像度    |
    |-------------|-----------|
    | 6.9"       | 1320×2868 |
    | 6.5"       | 1284×2778 |
    | 6.3"       | 1206×2622 |
    | 6.1"       | 1125×2436 |
    
    ## ✨ 主要デザインプリンシプル
    
    ✅ **スクリーンショット = 広告**:各スライドが1つのアイデアを販売
    ✅ **1秒ルール**:サムネイルサイズで読みやすい
    ✅ **多様なレイアウト**:隣接スライドは同じに見えない
    ✅ **ユーザー主導**:プリセットではなくあなたの色/フォント
    
    ## 🎯 最適なユーザー
    
    - **インディiOS開発者**:デザインコスト削減
    - **AIエージェントユーザー**:ワークフローを拡張
    - **多言語アプリ**:ロケール別スクリーンショットが必要
    - **A/Bテスト**:アートディレクションを迅速に
    
    ## 📈 GitHubの反響
    
    ⭐ **3.2K stars** · 🍴 **213 forks** · 5 contributors
    
    ## 🚀 今すぐ開始
    
    ```bash
    npx skills add ParthJadhav/app-store-screenshots
    echo "Build App Store screenshots for my app" | claude
    

プロチップ:ベーススクリーンショットには6.1"シミュレーターを使用—後でリサイズ不要。

GitHub Repo · MIT License

この記事を共有