📦
mcp-apps-builder
74mcp-useでMCPサーバーを構築
MCPサーバーの開発では、ツール、リソース、プロンプト、ウィジェット、認証を明確なパターンなしに混在させると失敗しがちです。このスキルは、Claude、Codex、Claude Codeに対して、実装、レビュー、デプロイのためのmcp-useに特化したガイダンスを提供します。
コーディング＆開発 表示
スキル chatgpt-app-builder
📦
chatgpt-app-builder
コンテンツリビジョン r1 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス🔑 環境変数
MCP WidgetsでChatGPT Appsを構築する
ChatGPT appの開発者には、MCPサーバー、widget state、Apps SDK metadataに関する明確なパターンが必要です。この非推奨スキルは、インタラクティブなwidgetプロジェクト向けにmcp-useのリファレンスと移行ガイダンスを提供します。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "chatgpt-app-builder" from https://skillstore.io/skills/mcp-use-chatgpt-app-builder.md and its manifest at https://skillstore.io/api/skills/mcp-use-chatgpt-app-builder/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「chatgpt-app-builder」を使用しています。 ChatGPT内でレストラン予約アプリを作りたいです。
期待される結果:
ユーザー目標、必要なAPIアクセス、widgetの必要性、中心となる予約アクション、次のアーキテクチャ上の質問を特定するディスカバリーブリーフ。
「chatgpt-app-builder」を使用しています。 私のproduct search widgetにはフィルターと更新アクションが必要です。
期待される結果:
search server tool、product list widget、filter state、refresh tool call、loading behaviorを分離したwidget計画。
「chatgpt-app-builder」を使用しています。 legacy Apps SDK metadataを移行する必要があります。
期待される結果:
unified metadata、CSP domains、ChatGPT-specific fields、widget descriptions、testing stepsを網羅した移行チェックリスト。
セキュリティ監査
安全v6 • 2026/7/9 バージョン別レポートを開く
Most static detections are false positives from Markdown examples, template literals, placeholder URLs, UI guidance, and non-secret environment variable examples. One medium issue is confirmed: the deprecated skill front matter includes an executable npx install command for a replacement skill, which could trigger external installation in untrusted contexts. No prompt injection, credential exfiltration, or malicious intent was found.
18
スキャンされたファイル
2,127
解析済み行数
1
レビュー項目
0
誤検知を無視
機能レビュー項目 (1)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
中
Ruby/shell backtick execution
`npx skills install mcp-use/mcp-use --skill mcp-app-builder`
This line contains an executable npx command in the skill front matter that instructs installation of another skill. In an untrusted marketplace skill, that can trigger external code retrieval or supply-chain exposure if followed automatically.
リスク要因
⚙️ 外部コマンド (12)
references/architecture.md:95-110 references/architecture.md:133-135 references/components-api.md:96-101 references/server-and-widgets.md:57-61 references/state-and-context.md:234-242 references/widget-patterns.md:202-204 references/widget-patterns.md:204-214 SKILL.md:4 SKILL.md:5 SKILL.md:6 SKILL.md:7 SKILL.md:40-55
🌐 ネットワークアクセス (14)
references/components-api.md:281 references/csp-and-metadata.md:22 references/csp-and-metadata.md:23 references/csp-and-metadata.md:26 references/csp-and-metadata.md:29 references/csp-and-metadata.md:65 references/csp-and-metadata.md:66 references/csp-and-metadata.md:87 references/csp-and-metadata.md:88 references/csp-and-metadata.md:119 references/csp-and-metadata.md:120 references/csp-and-metadata.md:123 references/csp-and-metadata.md:154 references/server-and-widgets.md:29
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/mcp-use-chatgpt-app-builder/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/mcp-use-chatgpt-app-builder?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/mcp-use-chatgpt-app-builder?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/mcp-use-chatgpt-app-builder/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/mcp-use-chatgpt-app-builder.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
mcp-use. (2026). chatgpt-app-builder security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/mcp-use-chatgpt-app-builder/audits/6BibTeX形式の引用
@techreport{mcp-use-mcp-use-chatgpt-app-builder-2026,
author = {mcp-use},
title = {chatgpt-app-builder security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/mcp-use-chatgpt-app-builder/audits/6},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "chatgpt-app-builder security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "mcp-use"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/mcp-use-chatgpt-app-builder/audits/6"
identifiers:
- type: other
value: "skillstore:mcp-use-chatgpt-app-builder:audit:6"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 4 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
Skillstore スコアが最高
作者 / ソース Skillstore スコア 証拠の信頼度 Skillstore 利用状況 更新済み
mcp-use-chatgpt-app-builder
Skillstore スコア 76
証拠の信頼度 高
Skillstore 利用状況 10
更新済み
2026-09-09
shubhamsaboo-chatgpt-app-builder
Skillstore スコア 67
証拠の信頼度 中
Skillstore 利用状況 5
更新済み
2026-09-09
bayramannakov-chatgpt-app-builder
Skillstore スコア 38
証拠の信頼度 中
Skillstore 利用状況 11
更新済み
2026-09-09
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 45
アーキテクチャ
85
保守性
87
コンテンツ
69
コミュニティ
91
仕様準拠
作成できるもの
ChatGPT Appのコンセプトを計画する
アイデアにChatGPT app、widget、またはよりシンプルなWebサイトやtool flowが必要かどうかを検証します。
MCP Widgetフローを実装する
mcp-useの例を使って、server tools、React widgets、widget props、LLM-visible outputを接続します。
Apps SDK互換性をレビューする
移行時にwidget metadata、CSP domains、display modes、legacy Apps SDK fieldsを確認します。
これらのプロンプトを試す
Appアイデアを検証する
このアイデアをChatGPT appにすべきかどうかを判断するのを手伝ってください。一度に1つずつ質問し、核となるユーザーアクションを特定してください。
ToolとWidgetの境界を設計する
このChatGPT app向けにMCP toolsとwidgetsを設計してください。tool-onlyフローとインタラクティブなwidgetが必要なフローを分けてください。
Widgetフローを構築する
mcp-use server toolとReact widgetの実装計画を作成してください。props、output、loading state、tool callsを含めてください。
MetadataとStateを監査する
このChatGPT app設計について、widget state、LLM-visible context、CSP metadata、display modes、Apps SDK互換性をレビューしてください。
ベストプラクティス
- ユーザーアクションから始め、widgetsを設計する前にそのフローにUIが必要かどうかを判断します。
- 機密データや詳細データはwidget propsに保持し、LLM outputには有用な要約だけを公開します。
- 正確なCSP domains、明確なwidget metadata、loading states、明示的なエラーハンドリングを使用します。
回避
- 中核タスクを絞り込まずに、完全なダッシュボードや大規模なWebサイトをChatGPTへ移植しないでください。
- widget propsに保持できるprivate dataをLLM-visible outputで公開しないでください。
- 本番向けガイダンスで、placeholder URLs、広範なCSP wildcards、自動インストールコマンドに依存しないでください。
よくある質問
このスキルは最新ですか？
いいえ。ソースでは非推奨とされており、新しいプロジェクトではmcp-app-builderを使うべきだと述べています。
このスキルは何の構築を支援しますか？
MCP server toolsとmcp-useによるインタラクティブなReact widgetsを使うChatGPT appsの設計を支援します。
完全なアプリを自動生成しますか？
いいえ。実装時にアシスタントが適用できるパターン、例、レビューガイダンスを提供します。
Apps SDK metadataに役立ちますか？
はい。CSP fields、widget metadata、legacy Apps SDK metadata、移行パターンを文書化しています。
Claude、Codex、Claude Codeをサポートしていますか？
はい。レポートにはClaude、Codex、Claude Codeのサポートが記載されています。
アプリを公開する前に何を確認すべきですか？
認証、許可されたドメイン、データの可視性、widget loading states、エラーハンドリング、外部インストール手順を確認してください。
開発者情報
作成者
mcp-useライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
0519034dad657fb1f7706e0550e962beeda73fdf
メンテナンスの新しさ
2026/7/18
利用状況
5 ダウンロード · 141 閲覧
mcp-use のその他のスキル
すべて表示関連スキル
すべて表示📦
senior-fullstack
82シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。
コーディング＆開発 表示
📦
vercel-react-view-transitions
82React View Transitions を実装する
作成者 vercel-labs
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
コーディング＆開発 表示
📦
react-dev
82型安全なReactコンポーネントを構築
作成者 softaworks
React TypeScript の作業では、event、hook、route の正確な型が必要になることがよくあります。このスキルは、型付きcomponents、React 19 APIs、routing に焦点を当てたパターンを提供します。
コーディング＆開発 表示
📦
tool-design
81信頼性の高いエージェントツールを設計する
作成者 Asmayaseen
ツール名、入力、出力、エラーが曖昧だと、エージェントは失敗します。このスキルは、ツールの説明、スキーマ、レスポンス形式、テストのための実践的なパターンを提供します。
コーディング＆開発 表示
📦
senior-frontend
81本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
コーディング＆開発 表示
📦
nextjs-optimization
80Next.js パフォーマンスの最適化
作成者 Atman36
Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。
コーディング＆開発 表示