mcpField
A

appscreenshotstudio

ローカル
@appscreenshotstudio.comメディア・デザイン

appscreenshotstudio について

コーディングエージェントから、ストアの正確なサイズで App Store と Play Store のスクリーンショットを生成します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"com-appscreenshotstudio": {
"command": "npx",
"args": [
"-y",
"@appscreenshotstudio/mcp"
],
"env": {
"APPSCREENSHOTSTUDIO_API_KEY": "<APPSCREENSHOTSTUDIO_API_KEY>"
}
}
}
}
起動コマンドnpx -y @appscreenshotstudio/mcp
設定が必要な環境変数
APPSCREENSHOTSTUDIO_API_KEYシークレットAPI key from appscreenshotstudio.com. Stays on your machine.

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@appscreenshotstudio/mcp0.6.3

ツール

9

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
moodstringいいえデザインの雰囲気。例:「energetic」、「calm」、「minimal」、「bold」、「professional」、「playful」
countnumberいいえ生成するスクリーンショットカードの数(3-10)。デフォルト:5
imagesarrayいいえこの生成に添付する画像です。アプリのスクリーンショットはデバイスのフレーム内に自動配置され、マスコットはスマートフォンの周囲に配置されます。どちらも、後から編集や再生成を行っても保持されます。
app_namestringはいアプリの名前
featuresarrayいいえ重要度順の主な機能。最初の 2~3 項目が最も目立つように強調されます。
device_idstringいいえ対象デバイス。選択肢:iphone-6.9、iphone-6.3、ipad-13、android-phone、android-tablet-10、android-tablet-large、apple-watch-ultra。デフォルト:iphone-6.9(iPhone 16 Pro Max)
story_flowenumいいえスクリーンショットのストーリー構成。「auto」を指定すると、AI が最適な流れを選びます。auto | standard | problem-solution | social-proof | benefit-first | journey | hero-intro | social-proof-bookend
brand_colorsobjectいいえデザインに使用するブランドカラー
brand_colors.accentstringいいえアクセントカラー(16 進数)
brand_colors.primarystringはいブランドのプライマリカラー(16 進数、例:#7C3AED)
brand_colors.secondarystringいいえブランドのセカンダリカラー(16 進数)
app_descriptionstringはいアプリの機能 — 1~3 文で説明
codebase_contextobjectいいえアプリのコードベースを調査して収集したコンテキストです。スクリーンショットの品質が大幅に向上します。詳細な情報が多いほど、出力の品質も高まります。
codebase_context.ui_stylestringいいえUI スタイルに関する観察事項。例:"dark mode with neon accents"、"clean minimal with lots of whitespace"
codebase_context.tech_stackstringいいえ技術スタック。例:"React Native"、"SwiftUI"、"Flutter"。開発者向けツールアプリに役立ちます。
codebase_context.key_screensarrayいいえアプリの主な画面/ビュー。例:"Dashboard with activity feed"、"Settings with theme toggle"
codebase_context.app_categorystringいいえアプリのカテゴリ。例:fitness、finance、social、productivity、food、travel、health、education
codebase_context.color_tokensobjectいいえコード内で見つかったブランド/テーマカラー。例:{"primary": "#7C3AED", "background": "#0F172A"}
codebase_context.readme_summarystringいいえREADME またはドキュメントに記載されたアプリの概要。アプリの機能と目的は何ですか?
codebase_context.target_audiencestringいいえアプリの対象ユーザー。例:"busy professionals who want to track habits"
codebase_context.competitive_edgestringいいえ競合製品と比べたこのアプリの独自性
codebase_context.primary_user_flowstringいいえ主なユーザージャーニー。例:"Sign up → Create project → Invite team → Track progress"
codebase_context.app_store_descriptionstringいいえコードベース内にあれば、既存の App Store/Play Store の説明文

詳細

メンテナーはまだ詳細を追加していません。リポジトリの README をご覧ください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。