build-mcp-app
このスキルは、ユーザーが「MCPアプリ」を構築したい、MCPサーバーに「インタラクティブUI」や「ウィジェット」を追加したい、「チャットにコンポーネントをレンダリング」したい、「MCP UIリソース」を構築したい、会話内に「フォーム」「ピッカー」「ダッシュボード」「確認ダイアログ」を表示するツールを作成したい、またはMCPに関連して「アプリSDK」に言及した場合に使用します。build-mcp-serverスキルがデプロイメントモデルを決定した後、またはユーザーがUIウィジェットを望んでいることを既に知っている場合に使用してください。
description の原文を見る
This skill should be used when the user wants to build an "MCP app", add "interactive UI" or "widgets" to an MCP server, "render components in chat", build "MCP UI resources", make a tool that shows a "form", "picker", "dashboard" or "confirmation dialog" inline in the conversation, or mentions "apps SDK" in the context of MCP. Use AFTER the build-mcp-server skill has settled the deployment model, or when the user already knows they want UI widgets.
SKILL.md 本文
MCP アプリを構築する（インタラクティブ UI ウィジェット）
MCP アプリとは、UI リソースも提供する標準的な MCP サーバーです。チャット画面にインラインでレンダリングされるインタラクティブなコンポーネントを備えています。一度構築すれば、Claude と ChatGPT、そしてアプリ画面を実装しているその他のホストでも動作します。
UI レイヤーは追加的なものです。内部的には相変わらずツール、リソース、同じワイヤープロトコルです。これまでに普通の MCP サーバーを構築していない場合は、build-mcp-server スキルで基本レイヤーをカバーしています。このスキルはその上にウィジェットを追加します。
Claude でのテスト: claude.ai でカスタムコネクタとしてサーバーを追加します（ローカル開発用の Cloudflare トンネル経由）。これにより、実際の iframe サンドボックスと
hostContextが機能します。詳細は https://claude.com/docs/connectors/building/testing を参照してください。
Claude ホスト固有の仕様
_meta.ui.* キー | 場所 | 効果 |
|---|---|---|
| `resourc |
...
詳細情報
- 作者
- anthropics
- ライセンス
- unknown
- 最終更新
- 不明
Source: https://github.com/anthropics/claude-plugins-official / ライセンス: unknown
関連スキル
agent-browser
AI エージェント向けのブラウザ自動化 CLI です。ウェブサイトとの対話が必要な場合に使用します。ページ遷移、フォーム入力、ボタンクリック、スクリーンショット取得、データ抽出、ウェブアプリのテスト、ブラウザ操作の自動化など、あらゆるブラウザタスクに対応できます。「ウェブサイトを開く」「フォームに記入する」「ボタンをクリックする」「スクリーンショットを取得する」「ページからデータを抽出する」「このウェブアプリをテストする」「サイトにログインする」「ブラウザ操作を自動化する」といった要求や、プログラマティックなウェブ操作が必要なタスクで起動します。
anyskill
AnySkill — あなたのプライベート・スキルクラウド。GitHubを基盤としたリポジトリからエージェントスキルを管理、同期、動的にロードできます。自然言語でクラウドスキルを検索し、オンデマンドでプロンプトを自動ロード、カスタムスキルのアップロードと共有、スキルバンドルの一括インストールが可能です。OpenClaw、Antigravity、Claude Code、Cursorに対応しています。
engram
AIエージェント向けの永続的なメモリシステムです。バグ修正、意思決定、発見、設定変更の後はmem_saveを使用してください。ユーザーが「覚えている」「記憶している」と言及した場合、または以前のセッションと重複する作業を開始する際はmem_searchを使用します。セッション終了前にmem_session_summaryを使用して、コンテキストを保持してください。
skyvern
AI駆動のブラウザ自動化により、任意のウェブサイトを自動化できます。フォーム入力、データ抽出、ファイルダウンロード、ログイン、複数ステップのワークフロー実行など、ユーザーがウェブサイトと連携する必要があるときに使用します。Skyvernは、LLMとコンピュータビジョンを活用して、未知のサイトも自動操作可能です。Python SDK、TypeScript SDK、REST API、MCPサーバー、またはCLIを通じて統合できます。
pinchbench
PinchBenchベンチマークを実行して、OpenClawエージェントの実世界タスクにおけるパフォーマンスを評価できます。モデルの機能テスト、モデル間の比較、ベンチマーク結果のリーダーボード提出、またはOpenClawのセットアップがカレンダー、メール、リサーチ、コーディング、複数ステップのワークフローにどの程度対応しているかを確認する際に使用します。
openui
OpenUIとOpenUI Langを使用してジェネレーティブUIアプリを構築できます。これらはLLM生成インターフェースのためのトークン効率的なオープン標準です。OpenUI、@openuidev、ジェネレーティブUI、LLMからのストリーミングUI、AI向けコンポーネントライブラリ、またはjson-render/A2UIの置き換えについて述べる際に使用します。スキャフォルディング、defineComponent、システムプロンプト、Renderer、およびOpenUI Lang出力のデバッグに対応しています。