スキル

スキルで Next.js エディタを組み、ストア用スクリーンショットを作る

エージェントに App Store / Google Play 向けの販促スクリーンショット用エディタを組ませたい人向け。Next.js プロジェクトを足場組みし、deck を app-store-screenshots.json に書くことを受け入れる必要がある。

公式ソース · app-store-screenshots

インストール

npx skills add ParthJadhav/app-store-screenshots

誰向けか

App Store または Google Play の販促スクリーンショットが要り、空白ページから自分で始めるのではなく、使える Next.js エディタを先に組んでほしいなら、このスキルが合う。公式の使い方:入れたあと、プログラミングエージェントにストア用スクリーンショットを直接頼む。

最初は副作用をはっきりさせる。足場組みは Next.js プロジェクトファイルを作る。各 deck は app-store-screenshots.json も書き、git で追えて後から続けられる。リポジトリにこれらのファイルが増えるのを受け入れられないなら、まだスクリーンショットを頼まない。

公式は Claude Code、Cursor、Windsurf、OpenCode、Codex、および skills が対応する他のエージェントと使えると書く。この名簿を独占対応だとは書かない。

3分で最初の試行を完える

公式インストールコマンドはこの1本だけ使う。

npx skills add ParthJadhav/app-store-screenshots

前提:プログラミングエージェントにファイルを変えさせてよいプロジェクトに既にいて、目標は App Store / Google Play の販促スクリーンショット。二本目のインストール経路を発明しない。

インストールはスキルファイルを書く。実行前に、今のディレクトリが使いたいプロジェクトだと確認する。コマンドのあと、足場を組まない照合を先にする。エージェントにスキルが見えることを確認させ、Next.js エディタを組み deck を app-store-screenshots.json に保存すると復唱させる。それが導入成功の合図。

本当に「ストア用スクリーンショットが欲しい」と言うと、エディタと JSON が生成される。先に新規ファイルと既存コードを変えるかを出させ、確認してから足場を許す。成功の合図:ストア用スクリーンショット向け Next.js エディタが出て、app-store-screenshots.json が書かれたまたは更新されたのが見えること。公開材料にエディタ起動の開発コマンドは無い。作らない。

使用例

例1:アプリ向けにストア用スクリーンショット一式を頼む。入れたあとその依頼をし、Next.js エディタを足場組みさせる。先にファイル一式を確認してから書き込みを許す。本ページはスクリーンショット寸法も機種も決めていない。説明は「App Store と Google Play 向けにエディタを組む」まで。

例2:既存 deck を続ける。公式は各 deck を app-store-screenshots.json に保存し、プロジェクトは git で追え、再開できると書く。先にその JSON がリポジトリにあることを確認し、二本目を足場組みせずそれに基づいて続けさせる。公開材料に JSON フィールドは無い。アップロードディレクトリも作らない。

利用上の境界

これは販促スクリーンショット用エディタスキルであり、アプリ提出ツールでも、App Store 管理画面へ自動アップロードする公開器でもない。寸法表やストア API を発明しない。

インストールは npx skills add ParthJadhav/app-store-screenshots だけ。Claude Code、Cursor、Windsurf、OpenCode、Codex を唯一使える範囲だとは書かない。skills の GitHub アドレスを二本目のインストール源にもしない。

足場組みと JSON 書き込みはどちらもリポジトリを変えるので、先に確認が要る。公開材料にアンインストール手順も開発サーバーコマンドも無い。

リポジトリアドレス:

https://github.com/parthjadhav/app-store-screenshots