twocents について
twocents は、AI エージェントが HTML ページへの視覚的なフィードバックを集めるリモート MCP サーバーです。レビュアーはリンクから対象箇所にメモを付け、エージェントは場所を特定して取得できます。
主な機能
- 01自己完結型 HTML ページの共有
- 02ページ要素へのメモの固定
- 03レビュー用ルームのライブ更新
- 04メモの Markdown 取得
- 05対応済みメモの折りたたみ
活用シーン
- 01ページの視覚的なレビュー収集
- 02セレクターによる修正箇所の特定
- 03レビュー担当者への更新共有
MCP 対応
`https://twocents.page/mcp` のリモートサーバーを通じて、MCP クライアントに `share_page` と `get_feedback` ツールを提供します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://twocents.page/mcpclaude mcp add --transport http twocents https://twocents.page/mcp{"mcpServers":{"twocents":{"type":"http","url":"https://twocents.page/mcp"}}}Cursor で開く{"servers":{"twocents":{"type":"http","url":"https://twocents.page/mcp"}}}VS Code で開く{"mcpServers":{"twocents":{"type":"http","url":"https://twocents.page/mcp"}}}{"mcpServers":{"twocents":{"serverUrl":"https://twocents.page/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
2| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| html | string | いいえ | 完全な自己完結型 HTML ドキュメント(CSS/JS/画像をインライン化してください。ローカルファイルを参照すると、レビュアーには 404 が返されます)。最大約 120 KB。 |
| markdown | string | いいえ | "html" の代わりに、ドキュメントとしてレンダリングする Markdown。計画、仕様、PR の説明、要約など、行動する前に人に読んで承認してもらいたい内容に使用します。html または markdown のどちらか一方だけを渡してください。最大約 120 KB。 |
| room | string | いいえ | ページを更新するための、以前の share_page 呼び出しで返された room id。省略すると新しい room を作成します。 |
| path | string | いいえ | 複数ページのセットの場合:room 内でこのコンテンツが保存されるファイル名(例:"about.html" や "plan.md")。デフォルトは "index.html" で、レビュアーが最初に開くページです。他のファイルも同じ room id に共有し、通常の相対 href で相互にリンクしてください。形式は自由に混在できるため、plan.md から demo.html へ、その逆へもリンクできます。 |
| source | string | いいえ | 後でフィードバックを読む人のために、このコンテンツの出所を指定します。プロジェクトパス("DROPS.md" や "public/p/foo/index.html" など)、または "drafted in this conversation, not yet a file" のようなメモを指定できます。出所を知っているのはあなただけです。twocents が受け取るのは HTML でありパスではないため、省略すると後のセッションで、レビュアーのコメントがどのファイルを指すのか分からなくなります。get_feedback はこの値をそのまま返します。 |
詳細
twocents — AI エージェント向けの人によるフィードバック(MCP サーバー)
https://twocents.page/mcp で稼働中のリモート MCP サーバーです。
接続すると、AI エージェントから任意の HTML ページを実際の人に送って視覚的なレビューを依頼し、ページにピン留めされたメモを読み取れます。認証も API キーも不要で、レビュー担当者によるインストールも必要ありません。
ツール
share_page— 自己完結型の HTML ドキュメントを送信し、レビュー用リンクを取得します。 リンクを開いた人は誰でも、ログイン不要で、どのデバイスからでもページ上に直接メモをピン留めできます。同じルーム ID で再度呼び出すと、接続中のレビュー担当者には更新内容がリアルタイムで表示されます。get_feedback— ピン留めされたメモを、各メモのアンカーテキスト/セレクターとともに Markdown で返すため、エージェントは該当箇所を正確に見つけて修正できます。省略可能なhandled配列(以前のセッションで対応を決めたメモ ID)を渡すと、それらはそれぞれ 1 行に折りたたまれるため、応答では新しい内容が先に表示されます。
設定
{
"mcpServers": {
"twocents": {
"url": "https://twocents.page/mcp"
}
}
}
接続
Claude Code
claude mcp add --transport http twocents https://twocents.page/mcp
Claude.ai(ウェブまたはデスクトップ) — Settings → Connectors → Add custom connector →
https://twocents.page/mcp を貼り付けます。
Cursor または任意の MCP クライアント — 上記の設定ブロックを使用します(HTTP MCP サーバーです。認証も API キーも不要です)。
ワークフロー
エージェントに 「このページを共有してフィードバックをもらって」 と頼む → リンクを誰かに送る → 相手がライブページにメモをピン留めする → エージェントに 「フィードバックを取得して」 と頼み、反映します。エディターを離れることなく、レビューのサイクルを完了できます。
このリポジトリの内容
サーバーの完全なソースです:mcp.js — 依存関係ゼロの Streamable
HTTP(ステートレス)JSON-RPC ハンドラーで、約 300 行です。Cloudflare Worker 内で動作し、レビュー用ルームごとに Durable Object(env.ROOMS)へページとメモを保存します。Worker、リレー、レビュー担当者向け UI は、メインの(非公開)twocents.page コードベースにあります。
server.json は MCP レジストリ
のマニフェストです(page.twocents/twocents)。
プライバシーモデル:ルーム ID は推測できないケイパビリティです。ルーム ID を知っていることが、そのルームの読み書き権限となります。レビュー用リンクは検索インデックスの対象外です。
実際の動作を見る
インタラクティブな解説ライブラリのすべてのページに、ライブレビュー用ルームがあります。ページを開いてメモをピン留めしてみてください。または、ご自身の成果物へのフィードバックを受け取ってください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。