Shotlingo

ShotLingo MCP：Claude、Cursor、VS Code 向け App Store スクリーンショットジェネレーター

必要なスクリーンショットを説明してください。エージェントが41言語でコピーを作成し、ShotLingoが画像をレンダリングします。
できあがったセットは、そのまま App Store Connect または Google Play に送信できます。

1行でインストール

Claude Code（プラグイン：MCP サーバー＋スクリーンショットデザインスキル＋ShotLingo ツールガイドスキル＋/shotlingo:localize コマンド）

claude plugin install shotlingo --marketplace AlperenGuntekin/shotlingo-mcp

Claude Code セッション内で実行する場合、または Claude Code のバージョンが2.1.292より古い場合：

/plugin marketplace add AlperenGuntekin/shotlingo-mcp
/plugin install shotlingo@shotlingo

次に、/mcpを実行し、plugin:shotlingo:shotlingoを選択してサインインします。

サーバーのみ（プラグインなし）：

claude mcp add --transport http shotlingo https://mcp.shotlingo.com/mcp

Claude（ウェブ版およびデスクトップ版）：「Settings」から「Connectors」、「Add custom connector」の順に選択し、https://mcp.shotlingo.com/mcpを貼り付けます。

Cursor：Cursor に追加するか、以下を~/.cursor/mcp.jsonに記述します。

{ "mcpServers": { "shotlingo": { "url": "https://mcp.shotlingo.com/mcp" } } }

VS Code：

code --add-mcp '{"name":"shotlingo","type":"http","url":"https://mcp.shotlingo.com/mcp"}'

stdio のみをサポートするクライアント：

{ "mcpServers": { "shotlingo": { "command": "npx", "args": ["-y", "mcp-remote", "https://mcp.shotlingo.com/mcp"] } } }

最初のツール呼び出しでブラウザーウィンドウが開き、ShotLingo にサインインします（PKCE を使用する OAuth 2.1）。コピーする API キーはなく、このリポジトリに保存されるものもありません。

依頼できること

「この5枚のシミュレーターのスクリーンショットを使って、習慣トラッカーの6.9インチ App Store セットを作成してください。各画面にメリットを1つずつ載せて、ドイツ語、日本語、ブラジルポルトガル語に翻訳してください。」

「英語のセットを上位5市場向けにローカライズし、すべてレンダリングして App Store Connect にアップロードしてください。」

「ドイツ語であふれているキャプションはどれですか？短くして、そのページだけ再レンダリングしてください。」

利用できる機能

ステップ	ツール
テンプレートまたは独自のスクリーンショットから開始	list_templates、get_template、adapt_template、create_project、duplicate_project、import_image、import_store_screenshots
レイアウトを編集	generate_page、apply_device_frame、update_project、fit_text_into_design
ローカライズ	set_translations、get_translations（41言語、右から左に読む言語を含む）
レンダリング	render_screenshot、start_batch、get_batch_status
公開	export_to_app_store、export_to_google_play、list_app_store_apps、list_google_play_apps
アカウント	get_usage、list_projects

ShotLingo のウェブエディターと同じエクスポートパイプラインでテキストを調整するため、長いドイツ語のキャプションは枠からはみ出さず、収まるように縮小されます。

Claude Code プラグインには、次のものも含まれています。

• **app-store-screenshotsスキル：**使用しているスクリーンショットデザインのルールです。最初の3画面で伝えるべきこと、キャプションの長さ、サイズ、ローカライズ時の注意点、App Review のルールをまとめています。アカウントなしで単独でも利用できます。
• **shotlingoスキル：**ShotLingo ツールの操作方法を説明します。読み取り専用のツール、デザインを編集するツール、公開中のリスティングを変更するツールの見分け方、保存済みのバージョンを使った取り消し方法、レート制限に達せずにレンダリングする方法、App Store の商品ページテストの設定方法を解説します。
• /shotlingo:localizeコマンド：「英語のセットはこちら」という状態から、レンダリング済みのローカライズセットを作成するまでを、1つのコマンドで実行します。

料金と無料での利用方法

• このリポジトリのスキルは無料で、アカウントも必要ありません。
• shotlingo.com の ShotLingo ウェブエディターには無料プランがあります。
• MCP コネクターの利用には有料プラン（Pro、Plus、Studio）が必要です。ストアへのアップロードには Plus または Studio が必要です。利用上限は shotlingo.com/plans に記載されています。

仕組み

your agent ──MCP over HTTPS──▶ mcp.shotlingo.com ──▶ ShotLingo renderer ──▶ PNGs / App Store Connect / Google Play

サーバーはホスト型で、クローズドソースです。このリポジトリはオープンな部分で、クライアント設定、Claude Code プラグイン、デザインスキルが含まれています。サーバーに関するバグ報告や機能リクエストは、Issue としてこちらにお寄せください。

プライバシー

このリポジトリは何も収集しません。設定と Markdown のみで構成されています。ホスト型サービスが保存する情報については、shotlingo.com/privacy に記載されています。

コントリビューション

スクリーンショットのルールの改善、より多くのエディター向けのクライアント設定、ドキュメントの改善を歓迎します。プルリクエストまたは Issue を作成してください。プッシュする前に npm test を実行してください。

ライセンス

このリポジトリ内のすべてに MIT ライセンスが適用されます。ShotLingo サービスには独自の利用規約があります。