mcpField
P
PowerScroll

PowerScroll

ローカル
github.com/CynaCons生産性02 日前に更新

PowerScroll について

PowerScrollは、構造化されたノートと自由なキャンバスを1つの編集可能なHTMLファイルにまとめる、ローカル優先のビジュアルノートブックです。ローカルMCPブリッジにより、AIエージェントは人間と同じノートや取り消し履歴を使って作業できます。

主な機能

  1. 01単一ファイルの編集可能なノートブック
  2. 02セクション、ページ、独立したスクロール領域
  3. 03テキスト、画像、描画、図形
  4. 04PlantUML、Mermaid、SVG、draw.ioの編集可能な図
  5. 05検索、置換、アウトライン
  6. 06取り消し履歴を共有するローカルエージェントブリッジ

活用シーン

  1. 01ページやビジュアルな作業領域ごとのノート整理
  2. 02ノートの内容と並べた図の作成
  3. 03ローカルAIエージェントによるページの読み取りと編集

MCP 対応

オプションのローカルMCPブリッジは、ページやスクロール領域の管理、画像の挿入、図の作成、保存など、ノートの読み取り・編集機能をAIエージェントに提供します。既定では無効で、ユーザーが有効にした後にループバック接続を受け付けます。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"cynacons-powerscroll": {
"command": "npx",
"args": [
"-y",
"powerscroll-mcp"
]
}
}
}
起動コマンドnpx -y powerscroll-mcp

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmpowerscroll-mcp0.67.1

ツール

37

掲載時のツール一覧 · 2 週間前に更新

このツールにパラメーターはありません。

詳細

PowerScroll

編集可能な 1 つの HTML ファイルに収まる、ローカルファーストのビジュアルノートブック。AI エージェント向けの MCP ブリッジを備えています。

PowerScroll を試す · PowerScroll.html をダウンロード · エージェントのセットアップ · 問題を報告

PowerScroll のウィンドウ:左側にノートブックのアウトライン、右側のページには Requirements と Design という名前の 2 つのスクロール領域があり、チェックリストと表を含む Markdown、開いた項目を囲むペンの輪、編集可能な PlantUML 図、バインドされた矢印でつながれたラベル付き図形が表示されています

PowerScroll は、OneNote の階層構造、ホワイトボードの自由なキャンバス、編集可能な図を、完全に自分のものにできるノートブックにまとめています。アカウント、サーバー、独自仕様のデータベース、クラウド接続は必要ありません。

1 分以内に開始

  1. ライブデモを開くか、 PowerScroll.html をダウンロードします。
  2. テキスト、画像、描画、図形、ページ、独立した縦スクロール領域を追加します。
  3. Ctrl+S を押します。アプリケーションとノートブックのデータが 1 つの HTML ファイルにまとめて保存されます。
  4. 続きを行うときは、いつでもそのファイルをブラウザーで開きます。

ホストされているデモがノートブックの内容をアップロードすることはありません。ノートブックを保持するには、ダウンロードするか保存してください。ブラウザー上のファイルが唯一の正本です。

PowerScroll の特長

1 つのファイルに製品とデータが含まれます

各ノートブックには、エディター全体、構造化されたワークスペース、描画、画像、オプションの拡張機能が含まれます。オフラインで開いて編集を続けられます。ファイルを共有すれば、別の場所に PowerScroll をインストールしなくても使えるコピーを共有できます。

構造を保ちながら視覚的に表現

セクションとページでノートブックを階層化できます。各ページ内では、名前付きのスクロール領域によって、無限キャンバス上に独立した縦方向のワークストリームを作成できます。Markdown、数式、画像、インク、図形、PlantUML、Mermaid、SVG、draw.io のコンテンツを並べて配置できます。

人とエージェントが同じキャンバスを共有

ローカル MCP ブリッジを使うと、エージェントはページの読み取り、ブロックの追加や移動、スクロール領域の管理、画像の挿入、ネイティブで編集可能な図の作成、ノートブックの保存を行えます。エージェントによる編集には、人による編集と同じインメモリストア、取り消し履歴、保存経路が使われるため、調整が必要な別個のデータベースはありません。

Agent ワークスペースのスクロール領域:セットアップ手順、ブリッジがネイティブの編集可能な図形として描画した Mermaid フローチャート、最初に試すプロンプト

エージェントにノートブックを操作させる

ブリッジはデフォルトではオフで、このマシン上でのみ待ち受けます。公開済みのパッケージを npm から直接実行します。

npx -y powerscroll-mcp

次にノートブックを開き、Settings → Agent bridge → Let a local agent write into this notebook を有効にします。ツールとクライアントの完全なセットアップガイドをご覧ください。

実行可能ファイルは powerscroll-mcp として公開されており、検出用メタデータは公式 MCP Registryで有効になっています。最新の GitHub リリースには代替手段としてパッケージの tarball も含まれていますが、正式なインストール元は npm です。

主な機能

  • パン、ズーム、タッチ操作、投げ縄選択、配置ガイド、元に戻す/やり直しに対応した無限キャンバス
  • Markdown、テーブル、チェックボックス、リンク、構文ブロック、KaTeX 数式
  • 貼り付け/インポート、トリミング、回転、ライトボックス、メモ、コンパクトモードに対応した画像
  • フリーハンドペンと消しゴム、スタイル設定可能な四角形、円、三角形、矢印、線、円弧
  • セクション、ページ、名前付きのサイズ変更可能なスクロール、アウトライン、検索、置換
  • PlantUML、Mermaid、SVG、draw.io からのネイティブ編集可能な図
  • Chrome/Edge でのディスクへの直接保存と自動保存、ブラウザーのダウンロードによるフォールバック
  • ノートブックの内容とインストール済み拡張機能を保持するアプリ内アップデート
  • 単一ライターのリースと読み取りを妨げないローカルのマルチエージェント MCP ブリッジ

プライバシーとセキュリティ

通常の編集に PowerScroll サーバーやアカウントは必要ありません。アップデートの確認と任意の拡張機能のインストールでは GitHub に接続します。ローカルエージェントブリッジは、ユーザーが有効にした後にのみループバック WebSocket 接続を確立します。

ノートブックは実行可能な HTML です。実行可能なドキュメントと同様に、信頼できる人から受け取ったノートブックだけを開いてください。脅威モデルと非公開の脆弱性報告手順については、SECURITY.md をご覧ください。

PowerNote ノートブックの移行

PowerScroll は既存の PowerNote ノートブックを直接開けます。従来の埋め込み ID、内部リンク、ストレージ、ブリッジプロトコル識別子は引き続きサポートされます。

古すぎて自分自身をアップデートできないノートブックの場合:

  1. 最新の PowerScroll.html を開きます。
  2. 開くボタンを使って古いノートブックを選択します。
  3. Ctrl+S を押して、内容を保持したまま現在の PowerScroll エディターを書き込みます。

開発

npm install
npm install --prefix powernote-mcp
npm run dev
npm run build:template
npx playwright test
npm run test:bridge

PowerScroll は React、TypeScript、Vite、Konva、Zustand で構築されています。動作要件とテストのトレーサビリティは docs/ にあります。コントリビューションに関する期待事項は CONTRIBUTING.md に記載されています。メンテナーは リリース手順書 を使用し、公開後に デプロイ台帳 を更新してください。

ライセンス

MIT © 2026 Constantin Chabirand

コメント

MCP は初めてですか?

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

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