mcpField
T
twocents

twocents

認証済みおすすめリモート
twocents.page生産性07 週間前に更新
リポジトリ公式サイト

twocents について

twocents は、AI エージェントが HTML ページへの視覚的なフィードバックを集めるリモート MCP サーバーです。レビュアーはリンクから対象箇所にメモを付け、エージェントは場所を特定して取得できます。

主な機能

  1. 01自己完結型 HTML ページの共有
  2. 02ページ要素へのメモの固定
  3. 03レビュー用ルームのライブ更新
  4. 04メモの Markdown 取得
  5. 05対応済みメモの折りたたみ

活用シーン

  1. 01ページの視覚的なレビュー収集
  2. 02セレクターによる修正箇所の特定
  3. 03レビュー担当者への更新共有

MCP 対応

`https://twocents.page/mcp` のリモートサーバーを通じて、MCP クライアントに `share_page` と `get_feedback` ツールを提供します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://twocents.page/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

2
パラメーター型必須説明
htmlstringいいえ完全な自己完結型 HTML ドキュメント(CSS/JS/画像をインライン化してください。ローカルファイルを参照すると、レビュアーには 404 が返されます)。最大約 120 KB。
markdownstringいいえ"html" の代わりに、ドキュメントとしてレンダリングする Markdown。計画、仕様、PR の説明、要約など、行動する前に人に読んで承認してもらいたい内容に使用します。html または markdown のどちらか一方だけを渡してください。最大約 120 KB。
roomstringいいえページを更新するための、以前の share_page 呼び出しで返された room id。省略すると新しい room を作成します。
pathstringいいえ複数ページのセットの場合:room 内でこのコンテンツが保存されるファイル名(例:"about.html" や "plan.md")。デフォルトは "index.html" で、レビュアーが最初に開くページです。他のファイルも同じ room id に共有し、通常の相対 href で相互にリンクしてください。形式は自由に混在できるため、plan.md から demo.html へ、その逆へもリンクできます。
sourcestringいいえ後でフィードバックを読む人のために、このコンテンツの出所を指定します。プロジェクトパス("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 を知っていることが、そのルームの読み書き権限となります。レビュー用リンクは検索インデックスの対象外です。

実際の動作を見る

インタラクティブな解説ライブラリのすべてのページに、ライブレビュー用ルームがあります。ページを開いてメモをピン留めしてみてください。または、ご自身の成果物へのフィードバックを受け取ってください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。