AgentSkillsCN

Vantage Point

优势视角

SKILL.md

Vantage Point

ブラウザビューアでリッチなコンテンツを表示する

Vantage Pointは、Claude Codeセッション中にMarkdown、HTML、ログをブラウザウィンドウに表示するMCPサーバーです。

クイックスタート

bash
# MCPサーバーを起動
vp start

# 設定確認
vp config

MCPツール

ツール用途
showコンテンツを表示（markdown/html/log）
clearペインをクリア
toggle_paneサイドパネルの表示切り替え
restartサーバーを再起動
permissionツール実行の権限確認

ペイン構成

code
+------------------+----------------------+--------------------+
| LEFT             | MAIN                 | RIGHT              |
+------------------+----------------------+--------------------+
| (memories等)     | (メインコンテンツ)    | (コンテキスト等)   |
+------------------+----------------------+--------------------+

ペインID

ID用途
mainメインコンテンツ（デフォルト）
left左サイドパネル
right右サイドパネル

使用例

Markdownを表示

typescript
mcp__vantage-point__show({
  content: "# タイトル\n\n- 項目1\n- 項目2",
  content_type: "markdown",
  pane_id: "main"
})

HTMLを表示

typescript
mcp__vantage-point__show({
  content: "<h1>タイトル</h1><p>段落</p>",
  content_type: "html"
})

追記モード

typescript
mcp__vantage-point__show({
  content: "追加のログ行",
  content_type: "log",
  append: true
})

サイドパネル制御

typescript
// 左パネルを表示
mcp__vantage-point__toggle_pane({
  pane_id: "left",
  visible: true
})

// 右パネルを非表示
mcp__vantage-point__toggle_pane({
  pane_id: "right",
  visible: false
})

ペインをクリア

typescript
mcp__vantage-point__clear({
  pane_id: "main"
})

コンテンツタイプ

タイプ説明
markdownMarkdown形式（デフォルト）
htmlHTML形式
logログ形式（追記向け）

関連

  • •詳細: reference/mcp-tools.md