a2ui-atomic-catalog（A2UIアトミックカタログ）

このSkillでできること

✓グラフ、ゲージ、ステッパー、ダッシュボード、意思決定ツリーなどを描画する
✓固定されたUIアトムの語彙からコンポーネントを組み合わせる
✓MCP Apps対応ホストでは会話内にインライン表示する
✓その他のホスト向けに共有可能なプレビューURLを生成する

使い方

STEP 1

list_catalogsでタスクに必要なカタログ範囲を選ぶ

STEP 2

get_catalogで対象アトムのフィールド仕様を確認する

STEP 3

MCP Apps対応ホストではrender_surfaceで描画する

STEP 4

それ以外のホストではpreview_urlを使い、独自レンダラーにはmake_surface_urlを使う

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/a2uicatalog/a2ui

手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

git clone https://github.com/a2uicatalog/a2ui
cd a2ui/apps-script-surface/gas-schema-renderer
clasp login
clasp create --type webapp --title "My A2UI Renderer"
clasp push
clasp deploy

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

売上データを、比較しやすいインタラクティブなグラフと要点のダッシュボードとして表示してください。

出力例を見る

会話内にインタラクティブなグラフとダッシュボードが描画されます。対応していないホストでは、共有可能なプレビューリンクが返されます。

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行明確な記述なし

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス検出あり

認証情報検出あり

検出根拠を見る

network: below is generated straight from [`public/spec.json`](https://a2uicatalog.ai/spec.json) — the same file agents consume — so this README can no longer dr
network: | ⚠️ | — | ✅ | — | ✅ | ⚠️ | — | — | — | [a2uicatalog](https://github.com/a2uicatalog/a2ui) · MIT | | `accordion_item` | ✅ | ✅ | — | ✅ | — | ✅ | — | ✅ |
credential: ws it. ## Connect MCP server, no auth, no signup, no API key: [large code block omitted]bash npx skills add a2uicatalog/a2ui@a2ui-atomic-catalog [lar

a2ui-atomic-catalog

このSkillでできること

使い方

Skillのインストール

AIにこのSkillを追加してもらう

このSkillを使うプロンプト例

安全性チェック

関連Skill

asd-ste100

mintlify

human-ai