ステートスペース:MarkdownでOpenClawエージェントのためのインタラクティブWebアプリを構築

✍️ OpenClawRadar📅 公開日: March 16, 2026🔗 Source
ステートスペース:MarkdownでOpenClawエージェントのためのインタラクティブWebアプリを構築
Ad

Statespaceは、OpenClawエージェント向けに特別に設計されたインタラクティブなWebアプリケーションを構築・共有するための無料のオープンソースフレームワークです。エージェントが使用するアプリケーションの構築、起動、共有という課題に対処します。

仕組み

以下の3つの主要要素を含むMarkdown Webページを記述することでアプリを構築します:

  • ツール:エージェントが呼び出せる制約付きCLIコマンド。入力に対する正規表現制約で定義され、シェル解釈やプロンプトインジェクションを避けるためサーバー側で実行されます。
  • コンポーネント:ページ読み込み時にレンダリングされるライブデータ。
  • 指示:エージェントがページと対話する方法を導くコンテキスト。

提供またはデプロイされると、OpenClawエージェントはAPIと同様にHTTP経由でこれらのアプリと対話します。

実装例

ソースでは以下のMarkdown構造の例を提供しています:

---
tools:
- [grep, -r, { }, ./docs]
- [psql, -c, { regex: "^SELECT\\b.*" }]
---
```component
psql -c "SELECT count(*) FROM users"
```
# Instructions
- grepでドキュメントを検索する
- ユーザーメトリクスのためにデータベースをクエリする(読み取り専用)
- 詳細なワークフローはレポートを参照

主な機能

  • Markdownベース:SDK、依存関係、複雑なセットアップは不要です。
  • ページ追加で拡張可能:新しいトピックやタスクごとに新しいMarkdownページを作成できます。
  • URLで共有可能:すべてのアプリには、プロンプトや指示に貼り付けられるURLが付与されます。
  • エージェント非依存:HTTPアクセスを持つ任意のエージェント構成で動作します。
  • 安全性機能:ツール入力に対する正規表現制約とサーバー側ツール実行を含みます。

デプロイに関しては、プロセスを容易にするホステッドバージョンも利用可能です。

📖 完全なソースを読む: r/openclaw

Ad

👀 See Also

HF Viewer: あらゆるHugging Faceモデルのグラフを瞬時に可視化
Tools

HF Viewer: あらゆるHugging Faceモデルのグラフを瞬時に可視化

HF Viewerは、ブラウザベースのツールで、あらゆるHugging Faceモデルのインタラクティブなアーキテクチャグラフをレンダリングします。URLやリポジトリ名を貼り付けるだけで、ローカル設定不要でグラフを確認できます。

OpenClawRadar
50の一般的なアプリをClaudeが読み取り可能なデザイン仕様にリバースエンジニアリング:UIクローン作成のための主要パターン
Tools

50の一般的なアプリをClaudeが読み取り可能なデザイン仕様にリバースエンジニアリング:UIクローン作成のための主要パターン

u/meliwatが50の人気アプリを構造化マークダウンデザイン仕様にリバースエンジニアリングしました。Claudeは正確な値、状態の網羅、スペーシングスケール、ナビゲーショングラフでUIクローンを完璧に再現。長文は出力を劣化させます。

OpenClawRadar
クロードコードがモバイルセッション管理のためのリモート制御機能を追加
Tools

クロードコードがモバイルセッション管理のためのリモート制御機能を追加

Claude Codeは現在、開発者がターミナルでタスクを開始し、Claudeがローカルマシン上で実行されている間、Claudeアプリまたはclaude.ai/codeを介してモバイルデバイスからセッションを継続して制御できるようになりました。

OpenClawRadar
オープンソースのMCPサーバーにより、AIエージェントがLightning Network経由でL402支払いを処理できるようになります
Tools

オープンソースのMCPサーバーにより、AIエージェントがLightning Network経由でL402支払いを処理できるようになります

FastMCPで構築されたPython MCPプラグインは、HTTP 402 Payment Requiredレスポンスを傍受し、Lightning Networkインボイスを支払い、AIエージェントのデータを取得します。リポジトリには、実際の資金を使わずにテストできるローカルダミーエージェントが含まれています。

OpenClawRadar