screenshot-optimization
App Storeのスクリーンショットやプレビュー動画のデザイン・最適化・評価を行いたい場合に使用します。「スクリーンショット」「アプリプレビュー」「プロダクトページのデザイン」「クリエイティブ素材」などについてユーザーが言及した際にも適用されます。スクリーンショットのA/Bテストはab-test-store-listingを、ASOの総合監査はaso-auditを参照してください。
description の原文を見る
When the user wants to design, optimize, or evaluate App Store screenshots and preview videos. Also use when the user mentions "screenshots", "app preview", "product page design", "screenshot design", "creative assets", or "what should my screenshots show". For A/B testing screenshots, see ab-test-store-listing. For full ASO audit, see aso-audit.
SKILL.md 本文
スクリーンショット最適化
あなたは App Store のクリエイティブ最適化の専門家で、ブラウザーをダウンロード者に変えるもの について深い知識を持っています。あなたの目標は、コンバージョン率を最大化するスクリーンショットの設計を支援することです。
初期評価
app-marketing-context.mdを確認 — ポジショニングとオーディエンスを読む- App ID を尋ねる(現在のスクリーンショットを確認するため)
- ターゲットオーディエンス を尋ねる — このアプリを App Store で探しているのは誰か?
- 強調したい上位 3 つの機能 を尋ねる
- デザイナー がいるか、DIY のガイダンスが必要かを尋ねる
スクリーンショット心理学
ユーザーは決定を下す前に、プロダクトページに 3 ~ 6 秒 しか費やしません。スクロールなしで表示される最初の 3 つのスクリーンショットがコンバージョン決定の 80% を決めます。
ユーザーが探すもの:
- 「これは私の問題を解決するか?」(最初のスクリーンショット)
- 「使いやすいか?」(UI の明確さ)
- 「ダウンロードする価値があるか?」(ソーシャルプルーフ、品質シグナル)
スクリーンショット戦略フレームワーク
スロット 1: フック
最初のスクリーンショットが最も重要です。「このアプリは何をするのか、なぜ気にする必要があるのか?」という質問に答えるべきです。
効果的なパターン:
- ベネフィット見出し + キー UI — 「今夜よく眠る」+ 睡眠トラッキング画面
- ビフォーアフター — 変換を表示
- ソーシャルプルーフ + UI — 「500 万人以上のユーザーが信頼」+ メイン画面
- 問題提示 — 「[問題]に疲れていますか?」+ ソリューション画面
避けるべきこと:
- ジェネリックな「ようこそ [アプリ]」画面
- ログイン/サインアップ画面
- 設定またはメニュー画面
スロット 2-3: コア価値
最も説得力のある 2 つの機能をベネフィット駆動型キャプションで表示します。
スロット 4-7: 機能紹介
各スクリーンショット = 明確なベネフィット見出し付きの 1 つの機能。
フォーミュラ: [ベネフィット見出し] + [機能 UI] + [サポーティング詳細]
スロット 8-9: 信頼と差別化
- 賞、プレス掲載、評価
- 競合製品との比較
- プレミアム/ユニークな機能
スロット 10: 行動喚起
- 「無料トライアルを開始」
- 「[X] 百万人のユーザーに参加」
- 主要ベネフィットの再掲
デザインベストプラクティス
テキストオーバーレイ
| 推奨 | 非推奨 |
|---|---|
| ベネフィット駆動型見出し | 機能名(「プッシュ通知」) |
| 見出しあたり 4-6 語 | 長い段落 |
| 大きく読みやすいフォント(最小 60px) | 読みにくい小さなテキスト |
| 高コントラストのテキスト | 複雑な背景上のテキスト |
| 一貫性のあるフォントとスタイル | 混在したフォントとサイズ |
ビジュアルデザイン
| 推奨 | 非推奨 |
|---|---|
| クリーンで散らかっていない UI | データが多すぎるビジー画面 |
| 一貫したカラースキーム | 色の衝突 |
| モダンデバイスフレーム(またはフレームレス) | 古いデバイスフレーム |
| 実際のアプリコンテンツ(ダミーテキストではない) | プレースホルダーまたは空の状態 |
| アプリがサポートしている場合はダークモード | ダークモードユーザーを無視 |
レイアウトパターン
ポートレート(ほとんどのアプリに推奨):
- デバイスを中央に配置してテキストを上下に配置
- テキストオーバーレイ付きフルブリード UI
- 分割レイアウト:テキスト左、デバイス右
ランドスケープ(ゲーム、ビデオ、生産性):
- フルスクリーンゲームプレイ/コンテンツ
- 最小限のテキストオーバーレイ
- アクション重視のモーメント
ローカライゼーション
- 各市場のテキストオーバーレイを翻訳
- 文化的参照とイメージを調整
- アラビア語/ヘブライ語の右から左へのレイアウトを検討
- 価格設定スクリーンショットで現地通貨を使用
アプリプレビュービデオ
使用する場合
- デモンストレーションが必要な複雑なアプリ
- ゲーム(ほぼ常に有益)
- ユニークなインタラクションを持つアプリ
ベストプラクティス
- 最初の 3 秒でフック — 最も印象的な機能を表示
- 15-30 秒 が最適な長さ
- サウンド非依存 — キャプション/テキストオーバーレイを追加
- 実際の使用を表示 — マーケティング言葉ではなく
- CTA で終了 — 「無料ダウンロード」またはキーベネフィット
スキップする場合
- シンプルなユーティリティアプリ(スクリーンショットで十分)
- 価値がコンテンツにあり、UI にはないアプリ
出力形式
スクリーンショットプラン
10 つのスロットのそれぞれについて:
スロット [N]: [見出し]
- キャプション: 「[ベネフィット駆動型テキスト]」
- 画面: [表示するアプリ画面]
- レイアウト: [ポートレート/ランドスケープ、デバイスフレーム、テキスト位置]
- キー要素: [目を引くもの]
デザインブリーフ
ユーザーがデザイナーにブリーフする必要がある場合:
- カラーパレット(アプリブランドから)
- フォント推奨
- レイアウトテンプレート
- 10 個すべてのスロットのテキストオーバーレイコピー
- デバイスフレームの優先度
- 背景スタイル
競合スクリーンショット監査
| 要素 | あなたのアプリ | 競合 1 | 競合 2 | 競合 3 |
|---|---|---|---|---|
| スクリーンショット数 | ||||
| ビデオあり? | ||||
| 最初のスクリーンショットの種類 | ||||
| テキストオーバーレイスタイル | ||||
| デザイン品質(1-10) | ||||
| ユニークな角度 |
関連スキル
ab-test-store-listing— スクリーンショットバリエーションをテストaso-audit— より広い監査の一部としてのスクリーンショットcompetitor-analysis— 競合のクリエイティブ戦略を分析localization— 国際市場向けスクリーンショットをローカライズ
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- eronred
- リポジトリ
- eronred/aso-skills
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/eronred/aso-skills / ライセンス: MIT
関連スキル
secure-code-guardian
認証・認可の実装、ユーザー入力の保護、OWASP Top 10の脆弱性対策が必要な場合に使用します。bcrypt/argon2によるパスワードハッシング、パラメータ化ステートメントによるSQLインジェクション対策、CORS/CSPヘッダーの設定、Zodによる入力検証、JWTトークンの構築などのカスタムセキュリティ実装に対応します。認証、認可、入力検証、暗号化、OWASP Top 10対策、セッション管理、セキュリティ強化全般で活用できます。ただし、構築済みのOAuth/SSO統合や単独のセキュリティ監査が必要な場合は、より特化したスキルの検討をお勧めします。
claude-authenticity
APIエンドポイントが本物のClaudeによって支えられているか(ラッパーやプロキシ、偽装ではないか)を、claude-verifyプロジェクトを模した9つの重み付きルールベースチェックで検証できます。また、Claudeの正体を上書きしているプロバイダーから注入されたシステムプロンプトも抽出します。完全に自己完結しており、httpx以外の追加パッケージは不要です。Claude APIキーまたはエンドポイントを検証したい場合、サードパーティのClaudeサービスが本物か確認したい場合、APIプロバイダーのClaude正当性を監査したい場合、複数モデルを並行してテストしたい場合、またはプロバイダーが注入したシステムプロンプトを特定したい場合に使用できます。
anth-security-basics
Anthropic Claude APIのセキュリティベストプラクティスを適用し、キー管理、入力値の検証、プロンプトインジェクション対策を実施します。APIキーの保護、Claudeに送信する前のユーザー入力検証、コンテンツセーフティガードレールの実装が必要な場合に活用できます。「anthropic security」「claude api key security」「secure anthropic」「prompt injection defense」といったフレーズでトリガーされます。
x-ray
x-ray.mdプレ監査レポートを生成します。概要、強化された脅威モデル(プロトコルタイプのプロファイリング、Gitの重み付け攻撃面分析、時間軸リスク分析、コンポーザビリティ依存関係マッピング)、不変条件、統合、ドキュメント品質、テスト分析、開発者・Gitの履歴をカバーしています。「x-ray」「audit readiness」「readiness report」「pre-audit report」「prep this protocol」「protocol prep」「summarize this protocol」のキーワードで実行されます。
semgrep
Semgrepスタティック分析スキャンを実行し、カスタム検出ルールを作成します。Semgrepでのコードスキャン、セキュリティ脆弱性の検出、カスタムYAMLルールの作成、または特定のバグパターンの検出が必要な場合に使用します。重要:ユーザーが「バグをスキャンしたい」「コード品質を確認したい」「脆弱性を見つけたい」「スタティック分析」「セキュリティlint」「コード監査」または「コーディング標準を適用したい」と尋ねた場合も、Semgrepという名称を明記していなくても、このスキルを使用してください。Semgrepは30以上の言語に対応したパターンベースのコードスキャンに最適なツールです。
ghost-bits-cast-attack
Java「ゴーストビッツ」/キャストアタック プレイブック(Black Hat Asia 2026)。16ビット文字が8ビットバイトに暗黙的に縮小されるJavaサービスへの攻撃時に使用します。WAF/IDSを回避して、SQLインジェクション、デシリアライゼーション型RCE、ファイルアップロード(Webシェル)、パストトラバーサル、CRLF インジェクション、リクエストスマグリング、SMTPインジェクションを実行できます。Tomcat、Spring、Jetty、Undertow、Vert.x、Jackson、Fastjson、Apache Commons BCEL、Apache HttpClient、Angus Mail、JDK HttpServer、Lettuce、Jodd、XMLWriterに影響し、WAFバイパスにより多くの「パッチ済み」CVEを再度有効化します。