AI が生成したコード、markdown、およびデータ artifacts に対して、保持ゼロで共有可能なブラウザリンクを生成します。
インストール＆ダウンロード
1. ClawHub CLI
レジストリから直接スキルをインストールする最速の方法です。
npx clawhub@latest install agent-render-linking
2. 手動インストール
スキルフォルダを以下のいずれかの場所にコピーしてください
~/.openclaw/skills/ <project>/skills/ 優先順位：ワークスペース > ローカル > バンドル
3. プロンプトのインストール
このプロンプトをOpenClawにコピーするだけで、自動的にインストールされます。
Clawhubを使って agent-render-linking をインストールして。Clawhubがインストールされていない場合は、先にインストールしてください（npm i -g clawhub）。
ダウンロードをご希望ですか？
ZIPアーカイブで生のスキルファイルを取得します。
Agent Render Linking とは？
Agent Render Linking は、煩雑なチャットベースの artifact 共有の問題を解決するために設計された Openclaw Skills エコシステム内の専用ツールです。生のコードブロックやフォーマットされていないデータで会話を散らかす代わりに、このスキルは markdown、コード、diffs、CSV、または JSON などの artifacts を URL フラグメントに直接エンコードします。これにより、エージェントは agent-render.com でホストされているクリーンでプロフェッショナルな Web ベースのビューアをユーザーに提供できます。
このシステムは、プライバシー優先、保持ゼロのアーキテクチャで構築されています。データは完全に URL フラグメント内に保存され、クライアント側でデコードされるため、サーバーに artifact のコンテンツが保存されることはありません。これは、セキュリティを損なうことなく、テクニカルドキュメントやデータスナップショットの高忠実度なレンダリングを保証する、オープンソースでセルフホスト可能なソリューションです。
Agent Render Linking のユースケース
- ブラウザで構文ハイライト付きの複雑なコードスニペットや完全なファイルを共有する。
- より良いコードレビューのために、分割ビューまたは統合ビューで git diffs を視覚化する。
- 生の markdown からフォーマットされた週報やドキュメントをレンダリングする。
- CSV データや JSON マニフェストにインタラクティブなテーブルビューを提供する。
- ユーザーが関連ファイル間を切り替えられるマルチ artifact バンドルを配布する。
Agent Render Linking の仕組み
- AI エージェントは、artifact を共有またはレンダリングするリクエスト（例：「このコードのリンクを作成して」）を識別します。
- スキルは、コンテンツ、メタデータ、および artifact タイプを含む JSON エンベロープを構築します。
- 文字数を最小限に抑えるために、圧縮コーデック（arx、deflate、lz、または plain）が選択されます。
- エンコードされたペイロードは、agent-render.com のベース URL にフラグメント（#）として追加されます。
- スキルは、最高のユーザーエクスペリエンスのために、プラットフォーム固有の構文（Discord、Telegram、Slack）を使用して最終的なリンクをフォーマットします。
- ユーザーがリンクをクリックすると、agent-render.com のフロントエンドがローカルでフラグメントをデコードしてコンテンツを表示します。
Agent Render Linking のセットアップ
Agent Render Linking を環境に統合するには、エージェントが Openclaw Skills ライブラリにアクセスできることを確認してください。ローカル開発またはセルフホスティングの場合は、リポジトリをクローンできます。
git clone https://github.com/baanish/agent-render
cd agent-render
npm install
高度な arx 圧縮コーデックを使用するには、実装が共有辞書を取得できることを確認してください。
curl https://agent-render.com/arx-dictionary.json
Agent Render Linking のデータスキーマとタクソノミー
このスキルは、転送を管理するために構造化された JSON エンベロープを利用します。以下は、artifact バンドルの標準スキーマです。
| フィールド | 型 | 説明 |
|---|---|---|
v |
整数 | スキーマバージョン（現在は 1） |
codec |
文字列 | 転送方法: plain, lz, deflate, または arx |
activeArtifactId |
文字列 | デフォルトで表示する artifact の ID |
artifacts |
配列 | artifact オブジェクトのリスト（id, kind, title, content） |
サポートされている kind の値には、markdown、code、diff、csv、および json が含まれます。
Agent Render Linking の高度な機能
- 関連するビュー（コードとそのドキュメントなど）を切り替えるためのマルチ artifact バンドル。
- ドメイン辞書の置換と Brotli を使用した高度な arx 圧縮により、ペイロードを約 70% 削減。
- プラットフォーム固有の文字制限（Discord の場合は 1,500 文字など）に合わせて最適なコーデックを自動的に選択する予算認識型エンコーディング。
- 転送キーのオーバーヘッドをさらに削減するための Packed wire モード。
- 統合ビューおよび分割ビューの git patches のサポート。
SKILL.md
ローディング
関連するOpenclawのスキル
創業者ストーリー＆ブランドナラティブ (DTC)
独立した DTC ストア向けに、本格的でコンバージョン率の高い創業者ストーリーとブランドナラティブを作成するためのエキスパートコンテンツシステムです。
Merge PR Check
厳格なマルチステップ検証プロセスを通じて、Pull Requests の検証とマージを自動化する Gitee 専用の専門 skill です。
特徴*
