axhub-prototype-context について
axhub-prototype-contextは、公開済みプロトタイプのページ構成、PRD、注釈、ソース参照を読み取るAIエージェント向けスキルです。既定では読み取り専用で、依頼に応じてAxhub Makeへレビュー報告を送信できます。
主な機能
- 01公開コンテキストスナップショットの取得
- 02ディレクトリとPRD項目の整理
- 03注釈の項目と件数の抽出
- 04画像とソース引き継ぎ情報の確認
- 05依頼に応じたレビュー報告の送信
活用シーン
- 01注釈付きプロトタイプのレビュー継続
- 02制作作業前のページと要件の把握
- 03ソースマニフェストから関連ファイルを特定
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ lintendo/ axhub-skills --skill axhub-prototype-contextインストール後、Claude Code で/axhub-prototype-contextを入力して読み込まれたか確認します。
同梱ファイルreferences/review-report-submission.md
詳細
注釈付きプロトタイプのコンテキスト
注釈付きプロトタイプから公開されたコンテキストを読み取り、AI エージェントがそのページ、PRD、注釈、利用可能なソースを理解したうえで、レビューまたは本番作業を続行できるようにします。ユーザーから Axhub Make にレビュー報告を送信するよう依頼されない限り、ページは読み取り専用として扱います。
ワークフロー
- Playwright、Browser、Chrome、またはページの JavaScript を評価できる同等のツールで、指定された注釈付きプロトタイプの URL を開きます。
- アプリがレンダリングされるまで待ち、続いて
window.__AXHUB_ANNOTATION_SOURCE__があるかどうかをしばらく確認します。 - その値を評価して返します。オブジェクトを変更したり、
windowに何かを書き戻したりしないでください。 - 値が見つからない場合は、URL、ページタイトル、関連するコンソールエラー、および注釈付きプロトタイプのコンテキストスナップショットが公開されていないことを報告します。
- ユーザーから Axhub Make にレビュー報告を送信するよう依頼された場合は、
references/review-report-submission.mdを読みます。
最小限のページ評価:
await page.waitForFunction(() => window.__AXHUB_ANNOTATION_SOURCE__, { timeout: 10000 });
const source = await page.evaluate(() => window.__AXHUB_ANNOTATION_SOURCE__);
報告する内容
source.directoryのディレクトリ/PRD の概要。- ディレクトリノードのうち、
type: "markdown"のエントリに含まれる Markdown または PRD。 - 注釈の数、および重要なノードフィールド:
id、title、pageId、locator、annotationText、aiPrompt、color、controls。 source.sourceがある場合は、ソースの引き継ぎ情報。rootとmanifestを報告します。ソースが必要な場合は、manifestと関連ファイルをroot経由で読みます。images.lengthを確認し、画像が添付されているかどうかを明記します。ユーザーから依頼されない限り、画像はダウンロードしないでください。
データ形式
type AnnotationSourceRuntimeSnapshot = {
directory: AnnotationDirectory | null;
nodes: AnnotationNode[];
source?: {
root?: string;
manifest?: string;
};
};
directory.nodesはプロトタイプのツリーです。ノードの種類はfolder、route、link、markdownです。nodesは、現在のページ、選択状態、色フィルターに左右されない、すべての注釈のリストです。- 各注釈ノードには、
id、index、任意のtitle、任意のpageId、locator、aiPrompt、annotationText、hasMarkdown、color、images、任意のcontrols、createdAt、updatedAtが含まれます。 sourceは、ソースコードを見つけるための参照情報に限られます。ソースを含めて公開された HTML では、manifestはsource/manifest.jsonを指します。そのパスはsource.rootを基準に解決してください。
コメント
Markdown 対応