本文へ移動
cccskills
無料GitHub で公開日本語紹介

an

会話の横でAgent-Nativeのアプリを開き、現在の画面や選択内容を確認しながら、自然な言葉で資料や文書の作成・部分修正を進めるスキル。

原文原文の説明を見る

Open and operate Agent-Native workspace apps through Dispatch MCP, with inline app surfaces, browser-session authentication, and current screen state.

BuilderIO/agent-nativeスター 7,519(GitHub 7,519 + cccskills 0)

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • 会話の横でSlidesを開きたいとき
  • 自然な言葉でプレゼン資料を作成
  • 選択した要素だけを修正したいとき
  • アプリの変更が保存されたかの確認

日本語での紹介

できること

Agent-Nativeのアプリを会話の横に開き、自然な言葉でコンテンツの作成や修正を進めます。たとえばSlidesを開いて新しい資料を作ったり、選択した要素だけを編集したりできます。現在の画面と選択状態を確認して操作し、保存後はアプリから内容を読み直して変更を確かめます。

こんなときに便利

アプリの画面を見ながらエージェントに作業を頼みたい人に向いています。資料全体の作成だけでなく、開いている文書やデザインの一部分を直す用途にも使えます。利用可能なアプリが不明な場合は、アクセスを許可された一覧から確認します。

使い方の例

  • 「/an slidesでSlidesを開いて」
  • 「新しいプレゼン資料を作って」
  • 「選択中の要素を修正して、保存結果を確認して」

注意点

Dispatch MCPの接続と対象アプリへのアクセス許可が必要です。アプリへのログインは利用者がブラウザ画面で行います。画面を会話内に表示できるかはホスト環境に依存し、表示できない場合は返されたリンクを使います。実行できる操作はアプリが公開するツールによって異なります。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(1)

  • SKILL.md4.6 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Agent-Native Apps

Use /an <app> to open an Agent-Native app beside the conversation and keep the app's live UI and the agent's actions in the same workflow. The first argument is the Dispatch app id. For example, /an slides opens the Slides editor. After it opens, the user can sign in in that browser surface and ask for new decks or focused edits in ordinary language.

Open the app

For a known app, call Dispatch's open_app with an inline surface:

{
  "app": "slides",
  "path": "/",
  "embed": true,
  "chrome": "full"
}

The MCP App response is the preferred handoff for Claude, Claude Desktop, Claude Cowork, ChatGPT, ChatGPT desktop, Codex, and other compatible hosts. Keep the returned open link as the fallback for a host that cannot render MCP Apps inline. Do not claim that a browser opened unless the host rendered the inline surface or its browser tool confirmed the returned URL.

If the app name is missing or uncertain, call list_apps first and use the exact granted app id. If the requested app is not listed, explain that it must be granted in Dispatch's Agents access settings. Do not invent a URL, use a localhost URL, or route around the Dispatch grant.

Work in the opened app

Prefer direct app tools when the host exposes them. After opening an app, call list-host-webmcp-tools when available, then use run-host-webmcp-tool with the exact listed name and origin. Page-local tools reflect current app state and selection, so use view-screen before selection-dependent edits and read back writes.

You are the model doing the work: when the user asks for new content — a design, a deck, a form, a document — author it yourself and save it with the app's create/update tools. Never hand off authoring to the app's own agent when those tools exist, and never wait on an in-app question form; it answers back through that app's own chat, not to you.

Use ask_app only when the host has no direct page tools, the requested capability is not exposed, the task needs the app agent's interpretation or multi-step specialist reasoning, or a direct call fails and needs recovery. Dispatch's unified /mcp endpoint still exposes generic cross-app verbs; a direct app MCP connection or page WebMCP surface is where named app actions appear.

The app's MCP instructions name its key tools (generated from the app's own list); follow those names verbatim and use tool-search for anything else — never guess a tool name.

  1. Call view-screen before any selection-dependent edit and use the ids it returns; never guess an id from a title, index, or stale context.
  2. If view-screen returns a selection and nextRequiredAction, make that call directly with the smallest atomic change; do not regenerate a whole artifact for a focused edit.
  3. Read the result back with the app's matching read action and report what changed. A queued ask_app_status task is not proof an edit completed.

Authentication and host behavior

The Dispatch MCP connector identifies the calling agent, while the embedded app uses the user's browser session. Let the user complete sign-in in the rendered Agent-Native browser surface. Never request, copy, or store passwords, OAuth codes, cookies, or access tokens.

The generic Agent-Native plugin registers Dispatch at https://dispatch.agent-native.com/mcp for hosts that support plugin MCP configuration. ChatGPT custom connectors use the same URL with OAuth. After installing or changing a connector, reload Claude/Cowork/ChatGPT or reconnect and rescan the MCP server if the new tools or inline surface are not visible.

Failure handling

  • If open_app succeeds but no inline surface appears, show its returned link and say that this host does not expose an embedded browser here.
  • After an app loads, check for list-host-webmcp-tools before delegating. If it is available, use the exact returned tool name and origin for direct work.
  • If ask_app cannot reach Slides, check that Slides is granted in Dispatch and that the connector is authenticated, then retry once with the exact app id slides.
  • If screen state has no deck or selection, describe that state instead of fabricating context. Ask the user to open a deck or select an element when the requested edit depends on it.
  • Treat a successful open link, a queued task, or a tool acknowledgment as navigation/task setup only. Confirm a write with the app's readback action.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

a2a-assets

無料概要あり

複数のアプリやMCPホストからブランド画像・動画を生成、調整、書き出し、挿入する作業を支援します。ライブラリ選択や修正依頼も扱います。

  • スライド用のブランド画像を作りたいとき
  • 既存素材をフィードバックに合わせて直したいとき
  • 動画素材を生成して書き出したいとき
BuilderIO/agent-native7,5192026年10月26日 更新

account-health

無料概要あり

特定の顧客企業について、契約と製品利用の数値を照らし合わせ、根拠や不足情報を明記した健全性レポートをまとめます。

  • 顧客の健全性を確認したいとき
  • 契約席数と実利用を比べたいとき
  • 更新前に利用状況を整理したいとき
BuilderIO/agent-native7,5192026年10月26日 更新

actions

無料概要あり

アプリの操作をエージェントと画面の両方から呼び出せるアクションとして実装し、API連携や画面のデータ取得を一貫した形で追加するスキルです。

  • 新しいアプリ操作を追加したいとき
  • 外部APIと連携したいとき
  • 画面からデータを取得したいとき
BuilderIO/agent-native7,5192026年10月26日 更新

adding-a-feature

無料概要あり

新機能をUI・エージェント用アクション・説明資料・画面状態の4領域でそろえ、利用者とエージェントのどちらからも一貫して使えるようにするチェックリストです。

  • 新機能追加の作業範囲を整理したいとき
  • UIとエージェント操作をそろえたいとき
  • 画面状態の同期漏れを防ぎたいとき
BuilderIO/agent-native7,5192026年10月26日 更新

adhoc-analysis

無料概要あり

複数のデータソースを照合して、傾向や指標、根拠をまとめた分析結果を作成します。必要に応じて、再実行できるダッシュボードとして保存できます。

  • 商談と通話記録を照合したいとき
  • 顧客の利用状況を横断して調べたいとき
  • 繰り返し更新できる分析を保存したいとき
BuilderIO/agent-native7,5192026年10月26日 更新

admin-surfaces

無料概要あり

Analyticsの管理画面で、機能フラグの状態確認と切り替え、ダッシュボード利用状況の調査、接続先アプリのデータベース管理を行います。

  • アプリごとの機能フラグを確認・変更したいとき
  • ダッシュボードの所有者や利用状況を調べたいとき
  • 接続済みアプリのテーブルを管理したいとき
BuilderIO/agent-native7,5192026年10月26日 更新

BuilderIO のスキルをすべて見る

このスキルの問題を報告する