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

agent-native-docs

@agent-native/coreの導入済みバージョンに合うドキュメントやテンプレートソースを探し、APIの実装・説明に使える具体例を確認するスキルです。

原文原文の説明を見る

How to find version-matched Agent-Native framework docs and source bundled in node_modules. Use before implementing or answering questions about @agent-native/core APIs, generated apps, workspaces, templates, or advanced features.

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

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • API実装前に導入版の仕様を確認したいとき
  • テンプレートから機能の実装例を探したいとき
  • フレームワークの挙動の根拠を調べたいとき

日本語での紹介

できること

@agent-native/core の導入済みバージョンに合ったドキュメントやソースを探し、APIの説明や実装前に根拠を確認します。まず framework-search でドキュメントとソースを横断検索し、必要に応じて docs-search や source-search でページやファイルを読みます。テンプレートの実例を検索して出発点にしたり、Coreの実装やToolkitのTypeScriptソースを参照したりできます。検索結果には上限があるため、結果が途中で切れた場合はパターンやパスを絞り込みます。

こんなときに便利

公開ドキュメントや過去の知識と、手元のアプリのフレームワーク版が異なる可能性があるときに役立ちます。@agent-native/core のAPI、生成アプリ、ワークスペース、テンプレート、オートメーションなどを扱う前に、実際にインストールされたパッケージを調べられます。テンプレートのコードは参考にできますが、CoreやToolkitの内部実装はそのまま複製せず、公開APIやサポートされたカスタマイズ方法を確認します。

使い方の例

  • 「このアプリに入っているバージョンで、defineAction の使い方を調べて」
  • 「似た機能を持つテンプレートのアクション例を探して」

注意点

生成アプリのディレクトリで pnpm action コマンドを使う方法が示されています。テンプレートソースが見つからない場合は、導入済みCoreと同じバージョンの @agent-native/core-corpus が必要です。node_modules の編集や非公開ソースのdeep importは避けるよう案内されています。

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

含まれるファイル(1)

  • SKILL.md7.0 KB

SKILL.md(原文)

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

Agent-Native Docs Lookup

Rule

Before implementing or explaining non-trivial Agent-Native behavior, read the version-matched docs installed with @agent-native/core. When examples, imports, or implementation details matter, inspect the packaged source corpus too.

Why

Generated apps and workspaces may be on a different framework version than the public docs or model memory. The installed package is the source that matches the app in front of you. It also includes a source-only corpus of first-party templates so agents can replicate current best-practice patterns without needing the framework monorepo checkout.

How

From a generated app directory:

pnpm action framework-search --pattern "defineAction"
pnpm action framework-search --pattern "templates/*/actions/*.ts" --mode glob --scope source
pnpm action framework-search --pattern "Agent(?:Panel|Sidebar)" --mode regex --scope source

Use framework-search first when a question may cross the docs and source boundary. It searches the version-matched framework docs, runtime-visible skills, readable Core or Toolkit package source, and first-party template corpus in one bounded read-only call. Use scope: docs or scope: source to narrow it, then use the existing focused readers for the page or file you need.

The same tool is available in the headless pnpm agent loop and every built-in app agent. Its default substring mode is safest for ordinary questions; use glob for wildcard paths, sql-like for % and _ wildcards, and regex for precise structural matches. Results are bounded, so refine the pattern or path instead of treating a truncated result as exhaustive.

From a generated app directory, the lower-level readers remain available:

pnpm action docs-search --query "<feature>"
pnpm action docs-search --slug <slug>
pnpm action docs-search --list
pnpm action source-search --query "<pattern>"
pnpm action source-search --path templates/plan/AGENTS.md
pnpm action source-search --path templates/chat/actions/hello.ts
pnpm action source-search --list

If source-search reports that template source is unavailable, install the matching corpus package with pnpm add -D @agent-native/core-corpus@<installed-core-version>.

The headless pnpm agent loop and built-in app agent also expose read-only framework-search, docs-search, and source-search tools. Use the unified tool for discovery, then the focused tools for full page or file reads.

If the action runner is unavailable, search the package directly:

rg -n "actions|automations|a2a|sharing" node_modules/@agent-native/core/docs
rg -n "defineAction|useActionQuery" node_modules/@agent-native/core-corpus/corpus

Then read node_modules/@agent-native/core/docs/AGENTS.md or the matching file under node_modules/@agent-native/core/docs/content/. For template examples, read files under node_modules/@agent-native/core-corpus/corpus/templates/. The corpus carries templates only; for Core's own implementation read node_modules/@agent-native/core/dist/ (compiled sources plus .d.ts).

Toolkit ships readable TypeScript under node_modules/@agent-native/toolkit/src/. Read customizing-agent-native before taking ownership of a shared component: inspect package source as a read-only reference, then configure, compose, or eject the smallest supported unit into app-owned source. Preserve public actions, application state, auth, and agent-chat runtime contracts. Never edit node_modules or deep-import its private source. Manual copying is only the fallback described by an unknown third-party package's add-style blueprint.

Reuse Proven Patterns (rg + cp)

Version-matched installed source outranks web docs or memory: it is the exact code shipping with this app. node_modules/@agent-native/core-corpus/corpus/templates/ holds source for every first-party template, not just the one this app started from, so a pattern from the mail template is fair game for a tasks app. Grep across it, then copy a whole file as a starting point instead of writing the pattern from scratch:

# Find how other templates solved a similar problem
rg -n "drag.*drop|reorder" node_modules/@agent-native/core-corpus/corpus/templates

# Grab a proven action file as a starting point, then adapt names/schema
cp node_modules/@agent-native/core-corpus/corpus/templates/mail/actions/archive-email.ts \
   actions/archive-item.ts

# Read the framework's own implementation behind an API
rg -n "defineAction" node_modules/@agent-native/core/dist/action.js

Copying template-level app code (actions, components, skill files) is the expected reuse path — templates exist to be forked. This is different from copying core/toolkit runtime internals: for those, follow customizing-agent-native's configure/compose/eject ladder instead of hand-duplicating framework logic.

Useful Slugs

NeedSlugs
Actions and typed client callsactions, client
SQL, auth, access, sharingdatabase, authentication, security, sharing
UI state visible to the agentcontext-awareness
Headless and chat-first appspure-agent-apps, agent-surfaces, using-your-agent
Automations and schedulesautomations, recurring-jobs
Cross-app and external agentsa2a-protocol, external-agents, mcp-protocol, mcp-apps
Skills and instructionsskills-guide, writing-agent-instructions

Don't

  • Do not rely on memory for framework APIs when package docs are present.
  • Do not add custom REST wrappers for app data before reading actions.
  • Do not add inline LLM calls before reading using-your-agent and agent-surfaces.
  • Do not copy framework runtime internals when a public API or narrow UI copy will do; read customizing-agent-native for the supported override ladder.

Authoring visual docs blocks

Treat the shared Diagram block as a renderer, not as a reason to style every docs UI as a sketch. Use the hand-drawn font and Rough.js only for actual diagrams or wireframes that communicate structure, flow, or a design draft. For polished UI-like content - cards, logo walls, tables, controls, or product shells — set renderMode="design" (and usually frame="hide" when the block is the content itself). Design mode preserves normal docs typography and disables the Rough.js overlay. Keep data-rough only on elements intentionally sketched inside a real diagram.

レビュー

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

コメント

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

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

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

0 / 1000 文字

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

同じリポジトリのスキル

a2a-assets

無料概要あり

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

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

account-health

無料概要あり

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

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

actions

無料概要あり

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

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

adding-a-feature

無料概要あり

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

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

adhoc-analysis

無料概要あり

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

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

admin-surfaces

無料概要あり

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

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

BuilderIO のスキルをすべて見る

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