Token Saver MCP：AIをフルスタック開発者に進化させるVSCode拡張

概要

Token Saver MCPは、Visual Studio Codeの拡張機能で、AIアシスタントを単なるコードサジェストから真のフルスタック開発者へと進化させることを目的としています。具体的には、Language Server Protocol（LSP）とModel Context Protocol（MCP）を連携させ、AIがバックエンドのコード生成だけでなく、フロントエンドのブラウザ操作までをも直接制御可能にしました。最新バージョンではChrome DevTools Protocolとの統合を実現し、AIがブラウザの状態を把握しながら動的に開発支援を行えます。これにより、開発者はAIの支援をより高度かつ効率的に享受でき、フルスタック開発の生産性を向上させることが可能です。

リポジトリの統計情報

スター数: 2
フォーク数: 0
ウォッチャー数: 2
コミット数: 10
ファイル数: 24
メインの言語: TypeScript

主な特徴

Language Server Protocol（LSP）とModel Context Protocol（MCP）を連携し、AIのコード理解と生成を強化
Chrome DevTools Protocolの統合により、AIがブラウザ操作を直接制御可能
VSCode拡張としてシームレスに動作し、開発環境に自然に組み込める設計
AIを単なるコード提案ツールからフルスタック開発者に進化させる新しいアプローチ

技術的なポイント

Token Saver MCPの技術的な核となるのは、Language Server Protocol（LSP）とModel Context Protocol（MCP）という二つのプロトコルを橋渡しする点です。LSPはコードの構文解析や補完など、エディタとプログラミング言語の間で標準化された通信を提供し、VSCodeなど多くのエディタで採用されています。一方、MCPはAIモデルが持つコンテキスト情報を活用し、より深い理解や動的な操作を可能にするプロトコルです。この二つを連携させることで、AIは単にコードの補完を行うだけでなく、コードの意味や背景をより正確に把握し、それに基づいた高度な提案や自動生成を実現します。

さらにv1.0で導入されたChrome DevTools Protocolの統合は、本プロジェクトの大きな技術的飛躍です。これにより、AIは単に静的なコード編集に留まらず、実行中のブラウザ環境を直接操作・監視できるようになりました。例えば、フロントエンドの動的な動作検証やUIの状態取得、リアルタイムのデバッグ支援など、従来は人間の開発者が手動で行っていた作業をAIが自動化できます。これにより、AIはバックエンドのコード生成とフロントエンドの動的操作の双方を担う真のフルスタック開発者として機能します。

コードベースはTypeScriptで記述されており、VSCodeの拡張機能としての安定性と拡張性を確保しています。ファイル構成も明確に整理されており、.vscode設定やAI-instructionsディレクトリでAIモデルへの指示や設定を管理、BUILD_INSTRUCTIONS.mdやCLAUDE.mdでビルド手順や利用方法が文書化されています。これらにより、ユーザーは拡張機能の導入から運用までスムーズに行えます。

また、MITライセンスで公開されているため、自由な利用・改変が可能であり、今後の機能拡張や他プロジェクトとの連携にも柔軟に対応できます。現時点ではスター数やフォーク数は少なめですが、先進的なAI開発支援というテーマ性と技術的な完成度から今後の注目株となるでしょう。

プロジェクトの構成

主要なファイルとディレクトリ：

.gitignore: Git管理対象外ファイルの指定
.vscode: VSCode固有設定ディレクトリ
AI-instructions: AIモデルへの指示やプロンプトを格納するディレクトリ
BUILD_INSTRUCTIONS.md: ビルドおよびセットアップ手順のドキュメント
CLAUDE.md: AIモデルClaudeに関する情報や設定
package.json: npmパッケージの管理ファイル
src/: 拡張機能のTypeScriptソースコード一式
README.md: プロジェクト概要と利用方法
LICENSE: MITライセンス文書
その他設定ファイルやサポートスクリプト計19ファイル

まとめ

AIをフルスタック開発者に昇華させる革新的なVSCode拡張。

リポジトリ情報：

名前: token-saver-mcp
説明: VSCode extension that bridges Language Server Protocol with Model Context Protocol for AI assistants
スター数: 2
言語: TypeScript
URL: https://github.com/jerry426/token-saver-mcp
オーナー: jerry426
アバター: https://avatars.githubusercontent.com/u/3671403?v=4