mcpField

Skills

エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。

デザイン・UI

I
ios-accessibility
ios-accessibility
dadederk / ios-accessibility-agent-skill

iOS のアクセシビリティに関するベストプラクティス、パターン、実装について専門的なガイダンスを提供します。開発者が次の内容に言及した場合に使用します:(1) iOS のアクセシビリティ、VoiceOver、Dynamic Type、支援技術、(2) アクセシビリティラベル、特性、ヒント、値、(3) 自動アクセシビリティテスト、監査、手動テスト、(4) Switch Control、Voice Control、Full Keyboard Access、(5) インクルーシブデザインやアクセシビリティ文化、(6) 障害のあるユーザーがアプリを利用できるようにすること。

デザイン・UI917
M
modular-scale-typography
modular-scale-typography
dembrandt / dembrandt-skills

すべてのサイズ与其他サイズに関係する、比率ベースのタイプスケール。フォントサイズやタイプトークンを定義するとき-HolidayNeededCheck

デザイン・UI916
A
algorithmic-color-palette
algorithmic-color-palette
dembrandt / dembrandt-skills

1 つまたは 2 つのブランドカラーから UI 配色全体(状態バリアント、ブランド tinted のグレー、emantic カラー)を導出する。カラーシステムを構築または拡張するときに使用する。

デザイン・UI915
I
inspector-workbench
inspector-workbench
copilotkit / copilotkit

独立した Threads 状態ラボで Inspector UI の作業を実行し、エージェントがオーバーレイを確認できるようにします。CopilotKit の従業員が、エージェントに Inspector UI、chrome、ペイン、オーバーレイ操作、ランチャー、Home、Threads、Playground、Memory、または @copilotkit/web-inspector の視覚的な動作を修正・改善・追加・デバッグするよう依頼した場合に使用します。ドキュメントのみの Callout 更新(inspector-docs を読み込む)、Inspector UI を含まないランタイムやコアの変更、ショーケースのセル作業、アプリ内利用者としての Inspector の読み取りには使用しません。

デザイン・UI915
D
design-systems
design-systems
mindrally / skills

一貫性があり、アクセシブルで拡張可能なコンポーネントライブラリを構築するための包括的なデザインシステムガイドラインです。デザイントークンの作成、コンポーネントライブラリの構築、デザインシステムの実装、テーマアーキテクチャの設定、UI ガバナンスプロセスの確立に使用します。

デザイン・UI914
H
hig
hig
prisma-labs-dev / apple-skills

事実検索:Apple Human Interface Guidelines コーパス(grep 可能な markdown)。アクセシビリティとエルゴノミーの最低基準(ヒット領域のサイズ、Dynamic Type)、プラットフォーム用語、システムコンポーネントの機能、App Review に関連する慣習を必要なときに照会できます。デザイン指針ではありません。

デザイン・UI913
W
web-design-guidelines
web-design-guidelines
asyrafhussin / agent-skills

UI/UX のベストプラクティスとアクセシビリティの監査。UI コードのレビュー、アクセシビリティの確認、アクセシビリティ監査の実行、フォームの監査、Web インタフェースのベストプラクティスの確保で使う。「アクセシビリティを監査」「WCAG を確認」「UI をレビュー」「アクセシビリティを確認」「デザインを監査」「UX をレビュー」「ベストプラクティスを確認」のようにトリガーする。

デザイン・UI913
U
user-flows-and-guided-paths
user-flows-and-guided-paths
dembrandt / dembrandt-skills

ガイド型のマルチステップパスとウィザード。オンボーディング、チェックアウト、セットアップ手順など、multipart のステップのユーザー JOURNEY の設計時に使用します

デザイン・UI912
A
agent-sessions-layout
agent-sessions-layout
microsoft / vscode

Agents ワークベンチのレイアウト。固定レイアウト構造、グリッド設定、各部の表示、エディターモーダル、タイトルバー、サイドバーのフッター、実装要件を扱います。Agents ワークベンチのレイアウト機能の実装や問題修正に使用します。

デザイン・UI911
V
visual-verdict
visual-verdict
yeachan-heo / oh-my-claudecode

スクリーンショットと参照画像の比較に対する、構造化されたビジュアル QA の判定結果

テスト・品質911
M
Mobile App Design Standards
Mobile App Design Standards
awesome-skills / mobile-app-design

このスキルは、ユーザーが「design mobile UI」「review app design」「check UI guidelines」「improve app UX」「design React Native interface」「create app screens」「follow design standards」を求めたとき、または iOS/Android のデザインパターン、アクセシビリティ、モバイルユーザー体験に言及したときに使う。包括的なモバイルアプリの UI/UX デザインガイダンスを提供する。

デザイン・UI910
S
shopify-theme-development-guidelines
shopify-theme-development-guidelines
mindrally / skills

Liquid と Online Store 2.0 を使った Shopify テーマ開発の専門知識と、パフォーマンスのベストプラクティス

開発910
C
colorize
colorize
educlopez / ui-craft

カラー戦略のパス——3〜5 か所の意図的な位置に単一のアクセント色を導入するか、色が多すぎる UI を 90% ニュートラルに戻す。UI に以待 desalination がない、既定で青色を使っている、競合するアクセント色が多すぎてうるさくない場合に使用する。ユーザーが UI に対して colorize を求めたときや、設計 / UI / フロントエンドの作業と一緒に「colorize」と言ったときに呼び出す。

デザイン・UI909
U
ui-ux
ui-ux
evondev / evondevkit

アプリのための UI/UX の指针 — ダッシュボード、リスト、テーブル、フォーム、設定、モーダル、ピッカー画面。デフォルトではデザイナーのように進めます。brief を出してからワイヤーフレームを 2〜3 案用意し、ユーザーが選んでから実装します。要件が明示されている場合は別の道筋を取ります。既存 UI の点検("見て helping"、"review")、新案と原本の比較("何Recon汇集ollar better")、ブランドを保った再構築("ブランドを残す"、"keep the brand")、スキルの、好みに合わせた作り直し("古いスタイルを外して")、見た目を変えないリファクタリング、すぐ作る("すぐ作って"、"just build it")、先にデザインシステム("UI kit"、"component library")、シンプルなロゴ、コンポーネント 1 つの修正。デフォルトはフラットですが、glass、グラデーション、浮き上がり、ダーク背景も実現できます。ランディングページ、通販サイト、ブログはまだ教材化されていませんがHierble該、作成は可能で、先に,传えます。アプリの UI を作る・作り直す・直すとき、アプリのスクリーンショットやリンクを見せるとき、あるいは「UI をBasis져良く」「画面を作って」「デザインして」「UX を作り直して」「!—PSP 見tuple-array తెరవ」predict「build a page」「design this screen」「redesign」「make it look good」「ecommerce」「ui-ux」「evon」といった依頼のときに使います。

デザイン・UI909
G
gestalt-ui-organisation
gestalt-ui-organisation
dembrandt / dembrandt-skills

Gestalt の原則でコントロールをグループ化し、どれが一緒に属するかをユーザーに示す。コンポーネント、ナビゲーション、ツールバー、フォーム、ダッシュボードを配置するときに使う。

デザイン・UI908
R
responsive-paradigms
responsive-paradigms
dembrandt / dembrandt-skills

モバイル、タブレット、デスクトップは同一レイアウトの拡大縮小ではなく、それぞれ異なるパラダイムです。レスポンシブレイアウトの設計や、各ブレークポイントで表示内容を決める際に使います。

デザイン・UI908
D
daisyui
daisyui
bobmatnyc / claude-mpm-skills

50 種類以上のコンポーネントにセマンティックなクラス名を提供する Tailwind CSS コンポーネントライブラリ。テーマ、ダークモード、カスタマイズ機能を内蔵し、UI を迅速に開発できます

デザイン・UI907
V
visual-emphasis-and-hierarchy
visual-emphasis-and-hierarchy
dembrandt / dembrandt-skills

サイズ、色、太さ、位置で、何が最も重要かを表します。ボタングループ、CTA、カード、ダッシュボード、主なアクションを持つレイアウトの設計時に使用します。

デザイン・UI906
P
presentation-creator
presentation-creator
mblode / agent-skills

ストーリーライン、-house ビジュアルシステム、設定ごとの情報密度、演讲者ノートを備えたスライドを作成します。「 Taille a presentation」「ピッチデッキを書く」「このドキュメントをスライドにする」といった依頼があったときに使用します。デフォルトは Marp で、編集可能な PowerPoint が必要な場合は利用可能なプレゼンケーションツールを使用してください。

ドキュメント905
W
wcag-accessibility
wcag-accessibility
dembrandt / dembrandt-skills

欧州アクセシビリティ法(European Accessibility Act)が求める WCAG 2.2 AA 準拠。ユーザー面向のインターフェースを設計・実装・レビューしてアクセシビリティを確保するときに使用する。

デザイン・UI905
B
button-states
button-states
dembrandt / dembrandt-skills

基準色から派生した resting、hover、active、focus、disabled、loading の各状態。ボタン、リンク、入力欄など、クリック可能なコンポーネントを設計する際に使用する。

デザイン・UI904
C
component-family-consistency
component-family-consistency
dembrandt / dembrandt-skills

ボタン、入力、バッジ、ピルは角丸、色、影、罫線、余白のルールを共有します。コンポーネントライブラリの構築やレビューで使用します。

デザイン・UI902
H
heuristic
heuristic
educlopez / ui-craft

Nielsen の 10 + 6 デザイン法則と任意のペルソナによるウォークスルーを用いて、UI のヒューリスティック評価をスコア付きで生成します。機械可読なスコアカードと 0-100 の UsabilityScore(決定論的な UICraftScore と対になる判定指標)を出力します。ユーザー UI のヒューリスティック評価を求めるとき、または設計/UI/フロントエンドの作業に 'heuristic' と言及したときに呼び出します。

デザイン・UI900
W
webflow-mcp:accessibility-audit
webflow-mcp:accessibility-audit
webflow / webflow-skills

Webflow ページに対して包括的なアクセシビリティ監査(WCAG 2.1)を実行する。ボタン、フォーム、リンク、フォーカス状態、見出し、キーボードナビゲーションを検査し、修正案を含む詳細なレポートを生成する。ページ ID に対して完全にヘッドレスで実行され、Designer への接続は不要。画像の代替テキストは対象外(asset-audit スキルで扱う)。

テスト・品質900
L
loading-states-and-perceived-performance
loading-states-and-perceived-performance
dembrandt / dembrandt-skills

スピナー、スケルトン、段階的な表示で待ち時間を管理します。ローディング状態、非同期データ、遅く感じるインターフェースの設計在使用します。

デザイン・UI899
M
micro-interactions
micro-interactions
dembrandt / dembrandt-skills

目的のある小さなアニメーション — トグル、アニメーションアイコン、成功の瞬間。インタラクティブなフィードバック、成功状態、ローダーの設計時に使用します。

デザイン・UI898
G
generate-ui-from-brand
generate-ui-from-brand
dembrandt / dembrandt-skills

URL や DESIGN.md からトークン、決定、UI 仕様を生成するパイプライン。既存ブランドに合わせた UI の構築、設計システムの監査、視覚的な不整合の修正在使用します。

デザイン・UI897
S
shadcn-vue
shadcn-vue
noartem / skills

Reka UI コンポーネントと Tailwind を使用する Vue/Nuxt 向け shadcn-vue。アクセシブルな UI、Auto Form、データテーブル、チャート、ダークモード、コンポーネントのインポートや Reka UI のエラーに利用します

デザイン・UI897
W
web-design-guidelines
web-design-guidelines
sickn33 / agentic-awesome-skills

ファイルが Web Interface Guidelines に準拠しているか確認します

デザイン・UI892
P
pptx
pptx
davila7 / claude-code-templates

.pptxファイルが入力、出力、またはその両方として何らかの形で関わる場合は、必ずこのスキルを使用します。対象には、スライドデッキ、ピッチデッキ、プレゼンテーションの作成、.pptxファイルの読み取り・解析・テキスト抽出(抽出内容をメールや要約など別の用途に使う場合も含む)、既存プレゼンテーションの編集・変更・更新、スライドファイルの結合・分割、テンプレート、レイアウト、発表者ノート、コメントの操作が含まれます。ユーザーが「deck」「slides」「presentation」と言った場合、または.pptxファイル名を示した場合は、その後の利用目的にかかわらず起動します。.pptxファイルを開く、作成する、または操作する必要がある場合は、このスキルを使用してください。

ドキュメント891
E
extract-design
extract-design
dembrandt / dembrandt-skills

Dembrandt を使って、実際のウェブサイトから色、タイポグラフィ、スペーシング、コンポーネント、W3C デザイントークンを抽出します。サイトの実際のトークンが必要な場合や、そこからデザインシステムを構築したい場合に使用します。

デザイン・UI889
S
status-colors-and-errors
status-colors-and-errors
dembrandt / dembrandt-skills

意味は 1 つに限定した少数のセマンティックカラーと、解決への道筋を示すエラー。ステータスインジケーター、バリデーション、アラート、エラー状態を設計する際に使用します。

デザイン・UI889
E
elevation-and-depth
elevation-and-depth
dembrandt / dembrandt-skills

シャドウとレイヤリングで要素を表面より上に浮かび上がらせます。カード、ドロップダウン、モーダル、ツールチップ、その他のフローティング要素を設計する場合に使用します。

デザイン・UI886
S
shape
shape
educlopez / ui-craft

ワイヤーフレームを先に作成する工程です。コードを書く前に、ASCII レイアウト、状態リスト、コンテンツ一覧、質問リストを出力します。新画面をゼロから作り始めるときや、ユーザーの要件がまだ曖昧なときに使います。UI に対する shape の依頼があったときや、設計 / UI / フロントエンドの作業と一緒に 'shape' が言及されたときに呼び出します。

デザイン・UI886
U
ui-design
ui-design
frappe / skills

レイアウト、磨き、視覚的階層、スペーシング、タイポグラフィ、色、アクセシビリティに関する汎用の UI/UX 判断基準。特定の製品向けや Frappe 向けのデザインシステムスキルが適用されない場合に使用します。

デザイン・UI885
S
sticky-and-fixed-elements
sticky-and-fixed-elements
dembrandt / dembrandt-skills

スティッキーヘッダー、下部ツールバー、FAB、固定されたテーブルヘッダー。ユーザーがスクロールときに画面上に残すものを決める際に使用します。

デザイン・UI884
D
data-display-and-selection
data-display-and-selection
dembrandt / dembrandt-skills

表示モード、行選択、一括操作、ソート、フィルター、検索、テーブルパターン。データテーブル、リスト、ファイルブラウザー、その他のコレクションを設計する際に使用します。

デザイン・UI883
P
product-analysis
product-analysis
daymade / claude-code-skills

複数パス並列の製品分析。モデル横断のテスト時計算拡張に対応。並列のエージェント(Claude Code agent teams + Codex CLI)を起動して多角的な視点から製品を調査し、発見を実行可能な最適化プランに統合します。競合ベンチマークには competitors-analysis を呼び出せます。「product audit」「self-review」「发布前审查」「产品分析」「analyze our product」「UX audit」「信息架构审计」の場合に使用します。

デザイン・UI883
N
notifications-and-recovery
notifications-and-recovery
dembrandt / dembrandt-skills

トースト、インラインエラー、バナー、復旧パス。エラー状態、成功確認、非同期フィードバック、インプレース編集を設計する場合に使用します。

デザイン・UI882
E
experience-accessibility-validate
experience-accessibility-validate
forcedotcom / sf-skills

Lightning Web Component(LWC)がアクセシブルで、WCAG アクセシビリティガイドラインを満たしているか判断する際に使用します。ユーザーが \"is my component accessible?\"、\"does my LWC meet accessibility guidelines?\"、\"is this component WCAG compliant?\"、\"find accessibility problems in this LWC\"、\"is this LWC keyboard accessible?\"、\"does this component work with a screen reader?\"、\"does this component have sufficient color contrast?\"、\"check ARIA usage in this LWC\"、\"WCAG 2.2 accessibility check\" と尋ねた場合に起動します。LWC の HTML、JS、CSS のアクセシビリティ(a11y、WCAG、ARIA)の修正や改善を希望する場合も起動します。対象にはセマンティックマークアップ、フォーカス、キーボード操作、コントラスト、スクリーンリーダー用ラベル、WCAG 2.2 SC が含まれます。WCAG の根拠を引用した指摘を含む `a11y-review.md` を生成します。一般的な LWC 生成(`experience-lwc-generate` を使用)や、アクセシビリティに焦点を当てない SLDS の視覚/デザインレビュー(`design-systems-slds-validate` を使用)では起動しないでください。

テスト・品質880
A
apple-ui-designer
apple-ui-designer
heyman333 / atelier-ui

モバイルアプリの UI を再設計し、紛れもなく Apple らしく、iOS らしく、ネイティブにgenesis した 인상を与えます。iOS アプリの構築、Apple Human Interface Guidelines の適用、SF Pro のタイポグラフィや半透明:System ライクなコンポーネントを用いたネイティブ感のあるモバイルインターフェースの作成時にこのスキルを使用します。

デザイン・UI879
R
remotion-3d-ticker
remotion-3d-ticker
vibe-motion / skills

Remotion で無限ループする 3D 縦スクロールのティッカーアニメーションを作成します。パララックスギャラリー、無限の画像スクロール、多段構成の連続縦スクロール、3D フォトウォール(3D照片滚动墙 / 3D相册瀑布流)を構築するときに利用できます。

クリエイティブ・メディア875
S
scroll-areas
scroll-areas
dembrandt / dembrandt-skills

内部スクロールコンテナを避ける。避けられない場合は一度に一つの軸だけにする。ページ内のレイアウト、テーブル、パネルがスクロールする可能性があるときに使用。

デザイン・UI875
F
frontend-accessibility-best-practices
frontend-accessibility-best-practices
sergiodxa / agent-skills

React コンポーネントのアクセシビリティ(a11y)のベストプラクティス。UI コンポーネント、フォーム、インタラクティブな要素の作成や、アクセシビリティへの準拠のためのコードレビュー時に使用します。

デザイン・UI874
T
tokens
tokens
educlopez / ui-craft

プロジェクトの3層トークン基盤を監査または構築します。ユーザーが UI にトークンを設定したいと依頼したとき、またはデザイン/UI/フロントエンドの作業ととも���に「tokens」に言及したときに呼び出します。

デザイン・UI874
U
ui-context-and-scope
ui-context-and-scope
dembrandt / dembrandt-skills

ユーザーがどこにいるか、その操作が何に影響するかを示す — パンくずリスト、領域、スコープラベル。深いナビゲーションや複数セクションのレイアウトを設計するときに使用する。

デザイン・UI874
L
lab-hardware-cad
lab-hardware-cad
k-dense-ai / scientific-agent-skills

カスタム実験室ハードウェアをパラメトリックな build123d モデルとして設計し、制造用データを STEP、STL、DXF ファイルでエクスポートする。対象はマイクロフルイディックチップとモールド、オプトメカニカルマウントとブレッドボードアダプタ、キュベットとマイクロプレートホルダー、チューブラック、動物行動実験用リグ、3D プリントした器具マウントなど。研究タスクで、標準的なラボウェア、光学テーブル、ケージシステム、3D プリンタ・CNC・レーザ加工と組み合わせる必要がある物理的な部品が要るときに使う。

デザイン・UI872
F
finalize
finalize
educlopez / ui-craft

出荷前ゲート。detector を実行し、brief と tokens を検証し、10 パス仕上げ基準を適用し、フィードバック階層で指摘事項に優先順位を付けます。UI を出荷、マージ、ランチ 준비したいユーザーが、コミット前に判定(READY / NOT READY / BLOCKED)を必要とする場合に使ってください。ユーザー own UI に対して finalize を頼まれたときや、design / UI / frontend の作業と並べて「finalize」と言った場合も呼び出してください。

デザイン・UI871
B
brief
brief
educlopez / ui-craft

プロジェクトの永続的なデザイン brief を .ui-craft/brief.md に作成または更新します。ユーザーが UI の brief を求めたとき、または design / UI / frontend の作業と一緒に「brief」に言及したときに呼び出してください。

デザイン・UI870
C
code-connect-components
code-connect-components
figma / mcp-server-guide

Code Connect を使用して Figma のデザインコンポーネントをコードコンポーネントに接続します。ユーザーが「code connect」「connect this component to code」「connect Figma to code」「map this component」「link component to code」「create code connect mapping」「add code connect」「connect design to code」と言った場合や、Figma のデザインとコード実装の対応付けを希望する場合に使用します。Figma MCP サーバーへの接続が必要です。

デザイン・UI870
R
real-world-metaphors
real-world-metaphors
dembrandt / dembrandt-skills

カード、ドロワー、カルーセルなど、物理的な世界から借りたパターン。レイアウトパターン、ジェスチャー、ナビゲーションのパラダイムを設計する際に使用する。

デザイン・UI870
C
chat-motion-overlay
chat-motion-overlay
nexu-io / open-design

文字起こしやスクリーンショットから、設定可能なチャットモーションオーバーレイを生成します。プレーンなバブルシーン、アプリ風チャットコンテナ、任意のデバイスフレーム、プリセットまたはアップロードされたアバター、ニックネームの表示ルール、透明動画対応の Remotion バンドルを含みます。Codex が Douyin、デモ動画、ストーリー再現、ソーシャルメッセージの証明シーン向けの再利用可能な短編チャットクリップを作成する場合や、Hyperframe と Remotion のワークフロー向けの埋め込み可能な alpha オーバーレイが必要な場合に使用します。

クリエイティブ・メディア869
L
light-spotlight-render
light-spotlight-render
vibe-motion / skills

揺れるスポットライトで文字を Forte させる HTML アニメーションを生成します。テキスト、揺れる角度、ランプのスケール、グロexpects、色を設定できます。聚光灯扫字アニメーション、spotlight text reveal、light logo reveal、発光文字揭示アニメーションの依頼がある場合、または静止画ではなく再利用可能な HTML アニメーションがほしい場合に使います。

クリエイティブ・メディア869
P
ppt-agent
ppt-agent
sunbigfly / ppt-agent-skills

professionally presented AI assistant for end-to-end PPT creation. 上位の PPT デザイン会社ineteのワークフロー(需求调研、資料収集、アウトライン策定、企画稿、設計稿)を再現し、高品質な HTML 形式のスライドを生成する。「PPT を作って」「スライドを作って」「presentation を作って」「レポート資料」「研修课件」「ピッチ deck」「製品紹介ページを作る」といった依頼で発動する。「X についての紹介を作って」のように、構造化された複数ページのスライドが求められる意図が示されただけでも発動する。「この資料を PPT にして「このテーマでプレゼンして」といった='''コンテンツ’actionの''',「make a presentation about...」「create slides for...」「build a pitch deck」「I need a keynote for...」などの英語表現にも適用。暗黙の意図でも発動する。既存 PPT の改善や装飾も対象。

ドキュメント868
B
beui
beui
starc007 / ui-components

公開 MCP または shadcn registry を通じて beUI(@beui)のアニメーション React コンポーネントを選び、インストールする。モーション UI、Agent/チャットインターフェース、トースト、ドック、ボトムシート、ド raiser、ポップオーバー、スライダー、ローダー、404 ページ、その他の beui.dev コンポーネントを構築するときに使用する。独自のウィジェットを妄想するのではなく、ユーザーの意図を正確な @beui のインストール slug に対応させる。

デザイン・UI867
L
leanback-to-compose-tv-migration
leanback-to-compose-tv-migration
android / skills

Android 移行のための手順とアーキテクチャパターンを提供する

開発867
G
global-toolbar-controls
global-toolbar-controls
dembrandt / dembrandt-skills

通貨、言語、地域、単位のセレクターは、目立たないヘッダーまたはフッターの場所に置く。ロケールスイッチャーや製品全体の設定コントロールをデザインするときに使う。

デザイン・UI866
P
principle-exhaust-the-design-space
principle-exhaust-the-design-space
michael-denyer / pstack-claude

コードベースに前例のない新しい UI インタラクションやアーキテクチャ上の判断に直面したときに適用します。異なる案のプロトタイプを 2~3 個作成し、並べて比較してから決定します。

デザイン・UI866
C
create-wot-ui-theme
create-wot-ui-theme
wot-ui / open-wot

wot-ui 用のシングルファイルテーマ SCSS を生成し、ユーザーが明示的に組み込みを求めた場合は App.vue に `@use` を追記する。ブランドテーマ、セマンティック変数の実装、シングルファイルテーマの組み込みを行いたいときに使う。

デザイン・UI864
S
ss-audit
ss-audit
bitjaru / styleseed

Nielsen のヒューリスティックと最新のモバイル UX ベストプラクティスに基づいて、画面の UX 問題を監査します

デザイン・UI864
10,586 件中 1801–1860 件

MCP は初めてですか?

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

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