store-screenshots について
プロジェクト内の store-screenshots アセットを使って、アプリストア用スクリーンショットを作成するスキルです。レンダラーの編集、撮影密度、プレビュー確認、未承認の公開やコミットの防止を案内します。
主な機能
- 01レンダラーソースの直接編集
- 02ストア別の撮影密度の指定
- 03見出しとサブラインのレイアウト制約
- 04報告前のプレビューとパネル確認
- 05未依頼の公開やコミットの防止
活用シーン
- 01アプリストア用スクリーンショットの作成
- 02プレビューとパネル原寸の確認
- 03未依頼の公開やコミットの回避
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/store-screenshotsを入力して読み込まれたか確認します。
詳細
ストアのスクリーンショット
assets/store-screenshots/README.md に従ってください。パネル、クリエイティブの方針、レンダリングコマンド、再撮影の手順はすべてこのファイルに記載されています。コピー、切り抜き、レイアウトは、書き出しファイルではなく assets/store-screenshots/render.mjs で変更してください。
作業ルール：
- ネイティブの密度でキャプチャしてください。iPhone 16 Pro Max では
--pixel-density 3、iPad Pro 13-inch では--pixel-density 2を使用します。既定値は 1x ですが、ストア用にはぼやけすぎます。 - すべての見出しを2行に折り返し、すべてのサブ行を1行に収めてください。レンダラーがこれを適用します。文字を小さくするのではなく、コピーを書き直してください。
- SF Pro を使用してください。別のフォントで代用しないでください。
- レンダリングを報告する前に、各ストアの
output/preview.pngとフルサイズのパネルを1枚ずつ開いてください。プレビューをユーザーに見せてください。 - ユーザーから依頼されない限り、スクリーンショットをストア、PR、その他の公開場所にアップロードしたり、コミットしたりしないでください。
- デモホストは専用のポートで起動し、空いている Metro のポートを選んでください。メインのデーモンは再起動しないでください。
- 次回のキャプチャに役立つ知見を得たら、このスキルではなく README を修正してください。
コメント
Markdown 対応