iOS向けAI App Storeスクリーンショットジェネレーター
AIで本番用App Storeスクリーンショットを生成!このオープンソーススキルはClaude Code、Cursor、40以上のAIエージェントに対応。iOSアプリのブランド、機能、スタイルを説明するだけ—Apple必須の全解像度(6.9"、6.5"、6.1")で広告スタイルのスクリーンショットをエクスポート。多言語、RTLレイアウト、テーマプリセット、一括エクスポートをサポート。npxコマンド1つでインストールし、すぐに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をクリックでエクスポート。
🌍 高度な機能
- 多ロケール:
en/home.png、ar/home.png、de/home.png - RTL対応:正しいArabic/Hebrewレイアウト
- デザイントークン:
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"シミュレーターを使用—後でリサイズ不要。