ステートスペース: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

AIエージェントセッションセンター:Claudeコードセッション監視用3Dダッシュボード
Tools

AIエージェントセッションセンター:Claudeコードセッション監視用3Dダッシュボード

AI Agent Session Centerは、Claude Codeセッションをサイバードローム内の3Dロボットとして可視化するリアルタイムダッシュボードで、エージェントのステータスを示すアニメーションや、ライブターミナルビュー、承認アラート、セッション再開などの機能を備えています。npx経由で軽量なbashフックを介してインストールされます。

OpenClawRadar
オープンソースのMCPスイートにより、Claudeのコード生成品質が15〜20%向上
Tools

オープンソースのMCPスイートにより、Claudeのコード生成品質が15〜20%向上

オープンソースのMCPスイートは、3つのローカルサーバーとプロンプトスキルで構成され、AIコード生成における「悪いトークン」問題に対処します。ある顧客はClaude Codeの品質が15〜20%向上したと報告しています。

OpenClawRadar
Qwen3.5-35B-A3B-UD-Q6_K_XL を本番開発ワークフローでテスト済み
Tools

Qwen3.5-35B-A3B-UD-Q6_K_XL を本番開発ワークフローでテスト済み

開発者が複数の実際のクライアントプロジェクトでQwen3.5-35B-A3B-UD-Q6_K_XLモデルをテストし、1504pp2048と47.71 tg256のベンチマーク、単一GPUでの80tpsのトークン速度という堅実な性能を達成しました。

OpenClawRadar
Claude AIのカスタマイズによるフィードバックの改善
Tools

Claude AIのカスタマイズによるフィードバックの改善

Claude AIの設定を調整して、過度な同意を避け、より批判的思考と実践的なフィードバックを促す。

OpenClawRadar