arc-lite-mcp
A lightweight MCP server for controlling Arc Browser on macOS, optimized for frontend development with 30 tools.
Tab Management: Open URLs (new/current tab), list, switch, close, and reload tabs.
Navigation: Navigate back in browser history.
DOM Interaction: Click (including double-click), hover, fill inputs/forms (individually or in bulk), press key combinations, drag-and-drop, upload files, and wait for elements or text to appear.
JavaScript Execution: Run arbitrary JavaScript (with async/await support) in the page context.
Page Information: Retrieve page text, full HTML, page details (URL, title, viewport, UserAgent), meta tags, and form structures.
Screenshots: Capture screenshots via macOS
screencapture(selection or window mode).Console Monitoring: Start, collect (with level filtering), and stop console log capture.
Network Monitoring: Start, collect, and stop monitoring of fetch/XHR requests (with optional URL filter).
Storage & Cookies: Access localStorage, sessionStorage, and all page cookies.
Dialog Handling: Accept or dismiss browser dialogs (alert, confirm, prompt).
Provides tools to control the Arc browser, including tab management, DOM interaction, JavaScript execution, screenshot capture, console/network monitoring, and more.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@arc-lite-mcpopen https://github.com in a new tab"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Arc-Lite MCP Server
フロントエンド開発に最適化された Arc Browser 制御用の軽量 MCP サーバーです。 AppleScript と JavaScript インジェクションを組み合わせ、必要十分な 30 ツールに絞ったコンパクトな構成を提供します。
対応環境: macOS 専用(AppleScript を使用)
特徴
軽量: フル版(76ツール)からフロントエンド開発に必須の機能のみを厳選した 30 ツール構成
依存最小:
@modelcontextprotocol/sdkのみDOM操作対応: クリック、入力、フォーム送信、ドラッグなどの実操作をサポート
デバッグ機能: コンソール / ネットワーク監視、スクリーンショット取得
Related MCP server: arc-devtools-mcp
機能一覧(30個)
タブ操作(5個)
ツール | 説明 |
| URL を開く(新規タブ / 現在のタブ) |
| すべてのタブを一覧表示 |
| タブを切り替える |
| タブを閉じる |
| タブをリロード |
ナビゲーション(1個)
ツール | 説明 |
| 履歴を戻る |
DOM操作(8個)
ツール | 説明 |
| 要素をクリック |
| 要素にホバー |
| 入力欄に値を入力 |
| フォーム一括入力 |
| キー入力を送信 |
| ドラッグ操作 |
| ファイルアップロード |
| 要素の出現を待機 |
JavaScript・ページ情報(6個)
ツール | 説明 |
| 任意の JavaScript を実行 |
| ページのテキストを取得 |
| ページの HTML を取得 |
| ページ詳細情報(URL、ビューポート、UserAgent) |
| メタタグ情報(SEO 確認用) |
| フォーム情報を取得 |
スクリーンショット(1個)
ツール | 説明 |
| スクリーンショットを取得(macOS の |
コンソール監視(3個)
ツール | 説明 |
| コンソールログのキャプチャを開始 |
| キャプチャしたログを取得 |
| コンソールキャプチャを停止 |
ネットワーク監視(3個)
ツール | 説明 |
| ネットワークリクエスト(fetch/XHR)の監視を開始 |
| 監視中のリクエスト一覧を取得 |
| ネットワーク監視を停止 |
ダイアログ・ストレージ・Cookie(3個)
ツール | 説明 |
| ダイアログ(alert / confirm / prompt)を処理 |
| localStorage / sessionStorage の情報を取得 |
| Cookie 一覧を取得 |
セットアップ
1. クローンと依存関係のインストール
git clone https://github.com/yzanbo/arc-lite-mcp.git
cd arc-lite-mcp
npm install2. Claude Code 設定
~/.claude.json の mcpServers に以下を追加します:
{
"mcpServers": {
"arc-lite": {
"type": "stdio",
"command": "node",
"args": [
"/絶対パス/arc-lite-mcp/server/index.js"
]
}
}
}
/絶対パス/はgit cloneした実際の場所に置き換えてください。
3. 権限設定
初回実行時に macOS の権限プロンプトが表示されます:
システム設定 > プライバシーとセキュリティ > オートメーション を開く
Claude(もしくは利用クライアント)を探す
Arc を有効にする
使用例
基本操作
arc_open_url で https://example.com を開いて
arc_list_tabs でタブ一覧を表示して
arc_switch_tab で 2 番目のタブに切り替えてフォーム入力・ボタン操作
arc_fill で "#email" に "test@example.com" を入力して
arc_fill で "#password" に "secret" を入力して
arc_click で "button[type=submit]" をクリックして
arc_wait_for で ".dashboard" の表示を待ってコンソール・ネットワーク監視(フロントエンドデバッグ)
arc_start_console_capture でコンソール監視を開始して
arc_start_network_monitor でネットワーク監視を開始して
(アプリを操作)
arc_get_console_logs で error レベルのログを取得して
arc_get_network_requests で API リクエストを確認してページ情報・SEO 確認
arc_get_page_info でページ詳細を取得して
arc_get_meta_tags でメタタグを確認して
arc_get_page_forms でフォーム構造を取得してスクリーンショット
arc_take_screenshot でスクリーンショットを撮って
→ ドラッグで範囲を選択するとキャプチャされるトラブルシューティング
権限エラーが発生する
システム設定でオートメーション権限を確認
利用クライアント(Claude Code 等)を再起動
Arc が見つからない
Arc Browser が起動していることを確認
/Applications/Arc.appにインストールされていることを確認
JavaScript 実行が失敗する
CSP(Content Security Policy)制限のあるページでは動作しない場合があります
Network / Console 監視が機能しない
監視はページリロード後にリセットされます
監視開始後のリクエスト / ログのみがキャプチャされます
ライセンス
MIT
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/yzanbo/arc-lite-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server