MCP Widget Patterns
このスキルは、「ウィジェットをデザインしたい」「どのウィジェットパターンを使うべきか」「インラインカードデザイン」「カルーセルウィジェット」「フルスクリーンモード」「ピクチャーインピクチャー」「ウィジェットレイアウト」「ChatGPT向けカードデザイン」といったユーザーの質問や、OpenAI Apps SDKの特定のウィジェットパターンと実装に関するガイダンスが必要な場合に使用します。
description の原文を見る
This skill should be used when the user asks to "design a widget", "what widget pattern should I use", "inline card design", "carousel widget", "fullscreen mode", "picture in picture", "widget layout", "card design for ChatGPT", or needs guidance on specific widget patterns and implementations for OpenAI Apps SDK.
SKILL.md 本文
OpenAI Apps SDK 向け MCP ウィジェットパターン
概要
ウィジェットは ChatGPT との会話にインラインで表示されるビジュアルコンポーネントです。このスキルは、OpenAI Apps SDK のための実証済みのウィジェットパターンと実装ガイダンスをまとめています。
表示モード
Apps SDK は 4 つの表示モードをサポートしており、各モードは異なるユースケースに適しています:
| モード | 使用場面 | 例 |
|---|---|---|
| インライン | クイック確認、シンプルなデータ | 注文確認カード |
| インラインカルーセル | 似た項目の比較 | 商品検索結果 |
| フルスクリーン | 複雑なワークフロー、リッチなインタラクション | ドキュメントエディタ、地図 |
| ピクチャーインピクチャー | 継続的な並行活動 | ビデオ通話、ゲーム |
インラインカードパターン
シンプル確認カード
用途: アクション確認、ステータス更新、レシート
<div class="card">
<div class="card-header">
<span class="icon">✓</span>
...
詳細情報
- 作者
- diegosouzapw
- ライセンス
- 不明
- 最終更新
- 2026/3/2
Source: https://github.com/diegosouzapw/awesome-omni-skill / ライセンス: 未指定