mcpField

Skills

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

すべて

A
aeo-geo-bestpractices
aeo-geo-bestpractices
micaelgomestavares / aeo-geo-bestpractices

Otimiza qualquer landing page ou aplicação web (React, Vite, Next.js, HTML) para atingir nota máxima (98-100) no Google Lighthouse 13 em Performance, Accessibility, Best Practices, SEO e Agentic Browsing, aplicando técnicas avançadas de SEO, AEO (Answer Engine Optimization) e GEO (Generative Engine Optimization para ChatGPT, Perplexity, Claude e Gemini). Use quando o usuário pedir para melhorar SEO, AEO, GEO, ser encontrado por IAs/buscadores, criar llms.txt/ard.json ou bater nota 100 no Google Lighthouse.

マーケティング・グロース7
A
apple-inspired-design
apple-inspired-design
raafisupremacy / apple-inspired-design-skill

Appleに着想を得た明快さと動きを備えた、落ち着きのある精緻なWeb・モバイルインターフェースを設計、レビュー、実装します。Web、iOS、Android、React Native、Flutterなどの技術スタックにおけるUIのアドバイス、設計仕様、ビジュアル監査、コード作成に使用します。

デザイン・UI7
A
arena
arena
yeachan-heo / oh-my-claudecode

Run N parallel candidates at one brief and synthesize: rubric-first framing, isolated fan-out, a cross-judge on a different model, criterion-by-criterion pick, hand grafting. When one attempt would lock in the wrong shape.

その他7
B
benchmark-checklist
benchmark-checklist
yeachan-heo / oh-my-claudecode

Vet a measured number before reporting or acting on it: name the limiter, measure the claimed work, repeat with variance, rule out the observer, label every claim. For any speedup, regression, or score you are about to report.

その他7
C
cloudinary-video
cloudinary-video
cloudinary-devs / skills

Cloudinary Video Player を使った動画体験構築のリファレンスです。ページやサイトへの動画追加・改善、アダプティブまたはプログレッシブ配信の選択、動画の字幕・チャプター・タイトルの生成に使用します。

開発7
C
code-reviewer
code-reviewer
ugudlado / agent-skills

Review a code change or PR from every angle in one pass: requirement compliance, correctness, security, over-engineering (what to delete), and reuse/efficiency. Use for implementation review, PR review, merge readiness, 'what can we delete', or 'simplify review'.

その他7
C
cook

参照画像、画面、動画に合うよう、長時間の自律的な反復が必要な大規模なビジュアル制作には Cook Loop を使用します。コードで作る 3D ワールド(three.js、WebGL、シェーダー)、コードレンダリングの映像、ローンチ動画やモーション動画、ゲーム、参照に並べても見劣りしない洗練された UI に適しています。特に、ユーザーが不在の間に何時間、何日も実行する場合に有効です。ユーザーが /cook または $cook と入力する、「cook」「go cook」「let it cook」「iterate until it matches」「match the references」「99%」「99.9%」「9/10 minimum」「at least 8h」と言う、または参照画像を添付してコードでの再現を求めると起動します。最初に一度だけ要件を確認し、その後、構築、静止画確認、コンテキストなしの批評、数値基準に基づく修正を繰り返します。ユーザーの承認があるまで最終レンダリングを保留します。

クリエイティブ・メディア7
C
correct
correct
yeachan-heo / oh-my-claudecode

Find the mistakes agents keep repeating in this repo and make each impossible at the highest enforcing level — lint rule, type guard, runtime check, script, then text — with every enforcement proven to fire.

その他7
C
create-verification-skill
create-verification-skill
yeachan-heo / oh-my-claudecode

Generate the project's own verify skill: build/test/lint commands discovered by running them, a feature map of what each covers, manual checks, and an earned first verdict. Run once per repo.

その他7
D
design-system
design-system
fpasquet / skills

Crée, maintient ou migre le design system d'une application React avec Tailwind CSS v4 : tokens en source unique, thème shadcn/ui et daisyUI pointé sur les tokens, classes sémantiques (btn, btn-primary, card) du projet ou de daisyUI posées par les variantes CVA des composants (shadcn/ui sur Radix ou Base UI), sans data-slot, un dossier par composant, Storybook (pages Tokens et Classes, accessibilité bloquante) et lint des classes (ni valeur arbitraire ni couleur de la palette). Tire les tokens et les classes du code existant, range les composants ajoutés par la CLI de shadcn, et mesure l'écart aux conventions par un audit. Utiliser dès que la personne parle de design system, de tokens, de Storybook, de shadcn/ui, de daisyUI, de Radix, de Base UI, de classes sémantiques, de thème ou de mode sombre, d'uniformiser l'interface, de migrer des styles (Tailwind v3, CSS modules, bibliothèque de composants) ou d'ajouter un composant d'interface partagé, même sans dire « design system ».

デザイン・UI7
D
developer
developer
ugudlado / agent-skills

Implement a software change from a work brief or task plan. Use for scoped code changes that require repository investigation, tests, and verification.

その他7
E
explainer-vertical-noticias
explainer-vertical-noticias
guillebe / explainer-vertical-noticias

記事をもとに、HyperFrames と各チェックポイントでの人による確認を使って、縦型ニュース解説動画(約20秒、9:16のショート、リール、TikTok)を作成または改善します。時間配分付きの台本、ライセンス確認済みの映像素材、ストーリーボード、レンダリング、測定に基づく品質確認(テンポ、静止時間、読了時間、スマートフォンでの聞き取りやすさ)、別のエージェントによる敵対的レビュー、番号付きバージョンを扱います。記事を縦型動画にする、「このニュースのショート」「20秒の解説動画」を作る、既存のニュースショートを改善・レベルアップする、映像素材や音楽を追加する、公開前に確認するといった依頼に、HyperFrames の指定がなくても使用します。

クリエイティブ・メディア7
F
feast-audit
feast-audit
feastmeme / feast-agent

Feast エージェントの戦略スクリプトを実資金で実行する前に監査します。まずランタイムの静的ルールを確認し、次に固定チェックリストに照らしてモデルで読み取り、ファイルの正確なバイト列に紐付けて判定を記録します。ユーザーが Feast エージェント用の戦略スクリプトを持っている、作成を依頼する、または安全に実行できるか尋ねる場合に使用します。

セキュリティ7
F
fix-ci
fix-ci
yeachan-heo / oh-my-claudecode

Find the failing checks on the current PR, read their logs, classify the failure (real / flaky / environmental), fix the real ones with focused changes, and rerun to green with evidence. Use when CI is red and the failure is yours to fix.

その他7
F
flap-trading
flap-trading
nopapername / flap-trading-skill

Flap Trading のインストールや CONFIG の自動購入設定を希望する場合、または BNB Chain 上で購入、照会、トランザクションの復旧を行うために Flap の予測トークンアドレス、マーケット CONFIG、エージェントのボンディングカーブのリンクが送られた場合に使用します。

その他7
F
full-babysit-pr
full-babysit-pr
sztadii / agent-skills

既存の PR を保守します。レビューのフィードバックと CI に対応し、承認済みの修正を公開し、スレッドに返信して解決し、要件を満たしたらマージします。ユーザーが明示的に呼び出した場合のみ実行します。

開発7
F
full-council
full-council
sztadii / agent-skills

3 つのカテゴリにまたがる 6 人のエージェント評議会で、コードまたはチャットで説明された問題を分析し、最大 3 文のレポートにまとめます。ユーザーがこのスキルを明示的に呼び出した場合のみ実行します。

エージェントワークフロー7
G
get-pr-comments
get-pr-comments
yeachan-heo / oh-my-claudecode

Fetch and triage review threads on a PR: threads deduped with resolution state, each with a fix/dismiss/ask recommendation, bot findings read skeptically. Before addressing review feedback.

その他7
H
how
how
yeachan-heo / oh-my-claudecode

Walk through how a subsystem works — a fast explorer maps the territory, an explainer writes the layered walkthrough. Use for "how does X work", onboarding on unfamiliar code, or before changing a subsystem you cannot yet explain.

その他7
I
interrogate
interrogate
yeachan-heo / oh-my-claudecode

Adversarial pass over a diff or design: three reviewers on different models each try to break it — correctness, security, edge cases — findings merged by severity into a blocking verdict. For contested or high-risk changes.

その他7
K
ketchup
ketchup
yeachan-heo / oh-my-claudecode

Catch up on everything since your last message: a 1-3 sentence executive summary, one status line per action item with evidence links, and open questions. For 'catch me up' after stepping away.

その他7
L
light-html-plan
light-html-plan
light-cheng / skills

SPEC、チケット、変更提案、決定ログ、レビュー判定をもとに、プロジェクトの内容、進捗、ユーザーの対応待ち事項、承認後の変更、システムの判定をまとめた、読みやすいオフライン HTML ページで計画の状況を示します。`.scratch/<feature>/plan.html` が存在し、ステージが完了したとき、作業がブロックされたとき、または受け入れ結果が届いたときに更新します。HTML を求められた場合や、計画間の関係を視覚的に示す必要がある場合に使用します。通常の計画文だけでは使用しません。

エージェントワークフロー7
L
light-merge-conflicts
light-merge-conflicts
light-cheng / skills

進行中の git merge/rebase の競合解決に使用します。mattpocock/skills `resolving-merge-conflicts` の Light Skills 版です。どちらか一方をインストールし、両方はインストールしないでください。

開発7
L
line-manager-recovery
line-manager-recovery
islo-labs / skills

Islo Line Manager として失敗した Line ステージを復旧します。ルーティングターンのコンテキスト理由が `stage_failed` の場合に使用し、単純な再試行、診断に基づく誘導、新しいセッション、サンドボックスの置き換え、または停止を選択します。

エージェントワークフロー7
L
live-qa
live-qa
phuryn / pm-skills

Running audience Q&A at an all-hands, AMA, webinar, launch, sprint review or talk, or turning a session's questions into a FAQ: collect, moderate, answer and follow up every question. AskOne by default.

その他7
M
models
models
yeachan-heo / oh-my-claudecode

Interactive setup for role-based model routing: edit team.roleRouting (provider, tier, per-provider reasoning effort; orchestrator model-only), check panel diversity, warn on missing provider CLIs.

その他7
M
motion-craft
motion-craft
rajaskajanuardani / motion-craft

Remotion でモーショングラフィックス、アニメーション解説、製品デモ、動画リファレンスを作成・編集・再構成します。ユーザーが motion-craft、Remotion のストーリーボードやレンダリング、実際の UI を再現したアニメーション、特定のアートディレクションに沿ったモーショングラフィックスを求める場合に使用します。

クリエイティブ・メディア7
M
motion-design-prompt-generator
motion-design-prompt-generator
8533502-dev / deepseek-opus-motion-skill

DeepSeek(または任意のモデル)に、同じプロンプトから Claude Opus 5.5 が作るものに匹敵するモーションデザイン動画を、あらゆるスタイルの依頼に応じて制作させます。ブランドフィルム、ショーリール、キネティックタイポグラフィ、解説動画やデータストーリー、製品・UIのプロモーション、キャラクターストーリーやミュージックビデオ、抽象的なループ、タイトルシーケンスに対応します。Opus のようにプロンプトを読み取り、アートディレクションを導き出し、コーディング前に計画を立て、テスト済みのスターターを使って音声を生成しながら Remotion(React + SVG)プロジェクトを構築します。さらに、5 人の審査員による批評で成果物をレビューします。動效、动态设计、视频、短片、复刻 opus 效果、扩写提示词、Remotion、motion graphics、showreel、MV に反応します。

クリエイティブ・メディア7
P
principles
principles
yeachan-heo / oh-my-claudecode

Twenty-four engineering principles in five groups, mapped to the lane carrying each — premise testing, root causes, honest verification, domain modeling, convergence, context discipline. For design, debugging, or delegation briefs.

その他7
R
reflect
reflect
yeachan-heo / oh-my-claudecode

After a long task, a three-reviewer panel audits the session transcript — tooling, judgment, missed alternatives — and proposes concrete skill edits. Findings feed skillify. For banking marathon-session lessons.

その他7
S
ssot-migration

SSoT の既存旧文書の移行ブロック:原意を変えずに移動のみ行い、legacy-design/ から design/ に移します。先に ssot と ssot-spec を読み、その後この skill を読みます。移行以外のタスクでは読まないでください。

ドキュメント7
W
why
why
yeachan-heo / oh-my-claudecode

Investigate why code is the way it is from evidence — human rulings verbatim, git archaeology, linked issues, incident records — every claim labeled evidence, inference, or guess. For 'why was this built this way'.

その他7
Y
yun-ds-fetch
yun-ds-fetch
followhongyun / yun-ds-fetch

WeChat公式アカウントの記事(`mp.weixin.qq.com`リンク)をクリーンなMarkdownとして取得し、アーカイブまたはAIによる要約に利用します。ユーザーがアカウント記事のリンクを貼り、「取得して」「mdで保存」「この記事を読んで」「要約して」と言った場合に使用します。内部ではDeepSeek公式Fetch APIを使用します(成功リクエスト1,000回あたり5元)。アカウント全体の一括クロール、記事検索、ログインやペイウォールの回避、他者の記事の転載には使用しません。

生産性7
A
agent-feedback

Send customer-authorized Trajectory feedback, suggestions, or positive observations as prose or partial structured details about the API, SDK, documentation, or workflow.

その他6
A
agent-wrapped
agent-wrapped
vkpdeveloper / agent-wrapped

このマシン上のセッション履歴をもとに、ユーザーがコーディングエージェント(Claude Code、Codex、OpenCode、Pi、Amp、Cursor、Grok Build)と過ごした1年を振り返る Spotify Wrapped 風の動画を作成します。統計、ユーザーのエージェントとしてのペルソナ、エージェントを訂正した頻度から見える学びを含みます。自分の Agent Wrapped、Coding Wrapped、AI Wrapped、エージェントとの1年の振り返り、コーディングエージェントの利用状況の統計を求められた場合に使用します。

クリエイティブ・メディア6
F
full-review-pr
full-review-pr
sztadii / agent-skills

PR をローカルにチェックアウトし、8 人のエージェント評議会で重大なバグ、不要な重複、プロジェクトルールとの不整合、未達成の Jira 要件を探します。ユーザーが承認したコメントのみを公開します。ユーザーがこのスキルを明示的に呼び出した場合のみ実行します。

テスト・品質6
S
ssot-draft

SSoT 設計草案:正式な VDM を作成する前に、対象、変更可能な内容、不変条件を明確にし、アーキテクチャとビジネスの責務を分けます。先に ssot を読み、その後この skill を読みます。設計の草案作成や再構成に使用し、仕様の実装、確認、レビューには使用しません。

開発6
T
trajectory

Use the Trajectory SDK to integrate specs (benchmarks), evaluate or train models, inspect run results, and serve checkpoints.

開発6
M
model-tiers
model-tiers
anorth / agent-skills

ユーザーの ~/.agents/model-tiers.md に記載された3段階(cheap、standard、strong)を参照し、現在のハーネスで利用できるモデルに照らして、サブエージェントが使用するモデルを決定します。スキルが段階を指定してサブエージェントの起動を求める場合、レビュー担当や検証担当のモデルを選ぶ場合、またはユーザーがモデル段階の設定・変更を求めた場合に使用します。

エージェントワークフロー4
S
scenario-kinetic-film
scenario-kinetic-film
scenario-labs / skills

Use when making a launch film, game teaser, trailer, product promo or brand film from a brief in kinetic typography: huge type on every beat, whip pans, 3D letters, key art cut in, beat sync to generated music and sound effects, a 1080p or 4K render with motion blur. Not for a song the user already has (scenario-kinetic-music-video).

クリエイティブ・メディア4
G
google-calendar-sync
google-calendar-sync
timerise-ai / google-calendar-sync

予約またはスケジュール管理アプリ向けに、双方向の Google Calendar 同期を構築します。ホストは OAuth で Google アカウントを接続し、選択したカレンダーのイベントを空き状況に反映します。プッシュ通知と更新 cron で最新状態を保ち、確定した予約はイベントとしてカレンダーに書き込み、依頼があれば Google Meet リンクも追加します。用途:(1) 予約、アポイントメント、クラス、シフトを扱うアプリで、スタッフの Google Calendar の予定を考慮する、または予約を書き込む場合。(2) 既存の同期で、実際にはない予定が空きを塞ぐ、イベントの欠落や重複、グループセッションが最初の予約後に塞がれる、エラーなしで同期が停止する、アクセス権の取り消し後にユーザーが先へ進めないなどの問題がある場合。(3) Google Calendar integration、two-way calendar sync、connect Google Calendar、busy time、free/busy、events.watch、push notifications、X-Goog-Channel-Token、channel renewal、calendar.events scope、refresh token、invalid_grant、offline access、PKCE、Google Meet link、conferenceData、extendedProperties、hangoutLink に言及された場合。fetch を使う依存関係のない Google クライアント、純粋な空き時間マッパーと差分計算、single-flight 同期、冪等な予約イベント、旧チャネルを切る前に新チャネルを作る更新方式、カレンダーごとに算出する健全性、Firestore と Supabase のストア、4 つのプロセスタイムゾーンで実行する 32 件の node:test テストスイートを備えます。Next.js App Router のルートハンドラーと、その他の Node サーバー向け Express アダプターを使用します。ストレージ、認証、予約ソースは差し替え可能です。Outlook や Microsoft 365(microsoft-calendar-sync)、時間枠生成(time-slot-generator)、カレンダー UI、ICS フィードには対応しません。

開発3
M
microsoft-calendar-sync
microsoft-calendar-sync
timerise-ai / microsoft-calendar-sync

Microsoft Graph を使って、予約・スケジュール管理バックエンド向けの Microsoft 365 / Outlook カレンダー双方向同期を構築します。主催者は OAuth で Microsoft アカウントを接続し、選択したカレンダーの予定が空き時間をブロックします(変更通知サブスクリプションと更新 cron を使用)。確定した予約は Teams 会議リンク付きの予定としてカレンダーに書き込まれます。次の場合に使用します:(1)予約、アポイントメント、クラス、シフトを扱うアプリで、スタッフの Outlook の予定を空き状況に反映する、または予約を Outlook カレンダーに登録する必要がある。(2)既存の Outlook または Graph カレンダー連携が接続から1時間後に停止する、通知が届かない、休暇を無視する、予定が重複する、サブスクリプションを失う。(3)ユーザーが Outlook calendar integration、Microsoft 365 calendar、Office 365 calendar sync、Microsoft Graph calendar、Entra ID app registration、Calendars.ReadWrite、calendarView、change notifications、Graph subscription、clientState、validationToken、lifecycleNotificationUrl、subscriptionRemoved、MSAL refresh token、AADSTS700082、invalid_grant、interaction_required、singleValueExtendedProperties、teamsForBusiness、showAs、isAllDay、mailboxSettings timeZone に言及する。fetch ベースで依存関係のない Graph クライアント、終日予定をメールボックスのタイムゾーンに合わせる純粋な空き時間マッパー、単一実行の同期、拡張プロパティのマーカーによる予約イベントの再検索、失われたサブスクリプションを置き換えるインプレース更新、カレンダーごとの導出ヘルス状態、Firestore および Supabase ストアを備えます。4つのプロセスタイムゾーンで実行する 43 件の node:test テストスイートも含みます。TypeScript の Next.js App Router ルートハンドラー向けで、その他の Node サーバーには Express アダプターを用意します。ストレージ、認証、予約ソースは CalendarStore、authenticate、BookingSource の境界の背後にあります。Google Calendar、オンプレミス版 Exchange(EWS)、カレンダー UI は対象外です。

開発3
A
Ark Analysis
Ark Analysis
mckinsey / agents-at-scale-ark

リポジトリを一時的な場所にクローンして Ark のコードベースを分析する。ユーザーが Ark の仕組みについて質問した場合、Ark の実装を理解したい場合、または Ark のソースコードを調査する必要がある場合に本スキルを使用する。

開発0
A
Asta Literature Reports
Asta Literature Reports
allenai / asta-plugins

文献レビュー/レポートを作成または更新します。文献を調査、要約、統合する必要があるときに使用します。

生産性0
A
aurora dsql

Aurora DSQL のガイダンス向けの非推奨互換リダイレクト。DSQL、Aurora DSQL、分散 SQL、DSQL スキーマ、マイグレーション、クエリ、認証、パフォーマンス、アプリケーション開発に関するリクエストの場合に使用する。

データ・データベース0
B
Beanie ODM
Beanie ODM
thelobbi / claude

ユーザーが「MongoDB model を作成」「Beanie document を定義」「MongoDB クエリを書く」「集約パイプラインを作成」「データベースマイグレーションを実行」「MongoDB collection にインデックスを付ける」と依頼した場合、または Beanie、Motor、MongoDB ドキュメント、非同期データベース操作に言及した場合に、この skill を使用する。FastAPI 向けの MongoDB/Beanie ODM パターンを提供する。

データ・データベース0
D
Deep Agents Orchestration
Deep Agents Orchestration
jackjin1997 / clawforge

Deep Agents でサブエージェント、タスク計画、または人間による承認を使用する場合にこのスキルを呼び出します。SubAgentMiddleware、計画用の TodoList、HITL 割り込みを扱います。

エージェントワークフロー0
D
Directus UI Extensions Mastery
Directus UI Extensions Mastery
gumpen-app / directapp

モダンなパターン、リアルタイムデータ、レスポンシブデザインを用いて Directus 向けの Vue 3 UI 拡張を構築する

開発0
F
Feature-Sliced Design
Feature-Sliced Design
constellos / claude-code

ユーザーが "implement FSD"、"use Feature-Sliced Design"、"organize architecture"、"structure project folders"、"set up FSD layers"、"create feature slices"、"refactor to FSD"、"add FSD structure" を求めたり、"feature slices"、"layered architecture"、"FSD methodology"、"architectural organization"、"views layer"、"entities layer"、"shared layer"、"Next.js with FSD"、"Turborepo FSD structure" に言及したときにこのスキルを使用する。Next.js アプリケーションで Feature-Sliced Design 方法論を独自の 'views' レイヤー命名で実装するための包括的なガイダンスを提供する。

開発0
G
gaussian_splatting_scene_description
gaussian_splatting_scene_description
wu-yc / labclaw

実験室の写真や短い動画クリップから構築した 3D Gaussian Splatting の再構成結果から、自然言語によるシーン記述を生成する。機器の配置、サンプルの位置、空間レイアウトのキーワード、関係述語を含む構造化テキストを出力し、プロトコルガイダンス、エラー検出、AR オーバーレイ生成における VLM や空間インテリジェンスモデルでの利用に最適化する。

データ・データベース0
I
install-windows-3.11
install-windows-3.11
letta-ai / skills

VNC アクセスと Web ベースの noVNC インターフェースを備えた Windows 3.11 を QEMU でインストールして実行するためのガイダンス。レガシーな Windows 3.11 環境の構築、DOS/Windows 3.x 向けの QEMU 設定、リモートアクセス機能を備えた仮想化レトロコンピューティング環境の作成を伴うタスクで使用する。

クラウド・DevOps0
J
jira:branch
jira:branch
thelobbi / claude

Jira issue にリンクした git ブランチを作成する。ユーザーが「create branch」「new branch for issue」「jira branch」「feature branch」を求めたときに使用する。

開発0
J
jira:status
jira:status
thelobbi / claude

現在の Jira ワークセッションのステータスを確認する。ユーザーが「what's the status」「show progress」「current work」「jira status」と尋ねたときに使用する。

生産性0
J
jira:work
jira:work
thelobbi / claude

最適化された階層型オーケストレーションで Jira issue の作業を開始する。実装前に完全な理解を確保するため、インテリジェントな質問収集から始める。

エージェントワークフロー0
R
ring:api-field-descriptions

型、制約、例、エッジケースを含む、明確で一貫した API フィールド記述を書くためのパターン。

開発0
R
ring:regulatory-templates-gate2

Gate 2 サブスキル — Gate 1 の不確実なマッピングを検証し、テストを通じてすべてのフィールド仕様を確認します。

テスト・品質0
R
ring:systematic-debugging

4 段階のデバッグフレームワーク — 根本原因の調査、パターン分析、仮説検証、実装。修正を試みる前に理解を確保します。

開発0
R
ring:writing-functional-docs

ガイド、概念的な説明、チュートリアル、ベストプラクティス文書を含む機能ドキュメントを書くためのパターンと構成。

開発0
U
User Experience Design
User Experience Design
kaakati / rails-enterprise-dev

Rails アプリケーション向けの包括的な UX デザインパターン。レスポンシブデザイン、アニメーション/トランジション、ダークモード、ローディング状態、フォーム UX、パフォーマンス最適化を含む。洗練されたインタラクションとレスポンシブなレイアウトを要するユーザー向け機能を実装する際にこの skill を使用する。トリガーキーワード:UX、レスポンシブ、モバイルファースト、アニメーション、トランジション、ダークモード、ローディング、スケルトン、プログレス、toast、フォームバリデーション、パフォーマンス、Core Web Vitals、ユーザーフロー

デザイン・UI0
99,719 件中 99661–99719 件

MCP は初めてですか?

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

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