今天天学习 skilljar のときに、フロントエンドに非常に適した MCP である playwright（マイクロソフト製）を発見し、MCP が Claude Code の開発体験に与える巨大な影響に気づきました。夜に検索したところ、YouTuber の Sean Kochel が「必須」とされる 5 つの MCP を詳しく紹介しているのを見つけましたが、実際に使えるかどうかは試してみないとわからないので、レビュー記事を書くことに決めました。
📚REF#
スマートドキュメント管理を通じて、REF MCP サーバーはトークン使用量を 85% 削減し、言語モデルが現在のタスクに最も関連するコンテキストのみを読み込むことを保証し、効率を向上させ、コストを削減します。
測評#
簡単に見たところ、本質的にはユーザーがドキュメントに RAG を行い、LLM のドキュメントに対する記憶強度と理解を向上させるもののようです。自動的にいくつかの一般的なドキュメント（Nextjs、Docker、N8N など）を持っており、プライベートドキュメント（Github Repo/PDF）のアップロードもサポートしています。
実際には有料プロジェクトで、使用するには API キーを設定する必要があります。基本機能は search_documentation と read_url の 2 つで、一度使用するごとに少しクレジットが消費され、新しいアカウントには 200 クレジットが付与されますが、リフレッシュされません。驚いたことに、知識ベースの検索はクレジットを消費しませんでした。
初回の体験はあまり良くなく、有効な情報を見つけることができず、「nextjs ドキュメントを参考にプロジェクトの最適化方向を提案して」と要求したところ、何も見つからず 1 クレジットが消費されました。
次に、私の Obsidian の GitHub 上のバックアップを知識ベースの素材としてインポートし、「著者はどのような人で、どのような改善の方向があるかを分析して」と要求したところ、プライベート知識ベースから検索する必要があることを指摘するまで、ようやく正しい検索パスに進むことができました。提供された要約は確かに私の期待通りでした。
ここで、私の使用方法が間違っているのではないかと疑い、もう少し具体的な質問が必要だと感じました。すべてのドキュメントを読む必要のない質問です。そこで、「私のプライベートドキュメントからブロックチェーンブラウザの維持方法を探して」と再度試みたところ、提供された結果もかなり概括的で、たくさんのクレジットを消費した結果がこれ？😐
まあ、私のアプローチがまだ間違っているのかもしれません。今後機会があれば再度試してみます。
まとめ#
本来はかなり良いオープンソースの MCP で、アイデアも非常に良いですが、料金体系が少しケチに感じ、オープンソースを使って人を引き付けるような印象があります。ユーザーが自分で RAG サービスを実行できるようになれば良いのですが。実際に使ってみると、検索が不正確でクレジットも消費するため、あまり満足できません。
この MCP は、ニッチなパートナーを統合するために使用するのがより適しているかもしれません。出発点はユーザーのトークンを節約することですが、費用がかかるため、この問題は微妙なバランスの上にあります。残っているトークンがこのサービスの費用よりも多いときに、この MCP を使う価値がありますが、Claude Code の月額料金を支払う場合、ドキュメントを読むのにかかるトークンはそれほど気にしません。結局、自分で RAG を行い、対応するドキュメントを見つけてリンクを CC に渡す方が良いかもしれません。
🛡️ SEMGREP#
強力なセキュリティスキャンツールとして、SEMGREP は 2000 以上の脆弱性ルールを持ち、コードのコンテキストを深く理解し、プロジェクトのクラッシュを引き起こす可能性のある深刻なセキュリティ脆弱性やコーディングエラーを特定し、予防します。
わあ、実際には有料です。ここまで調査して、私はこのビデオが広められたものではないかと疑い始めました。他のものをざっと見たところ、PIECES PLAYWRIGHT 以外はすべて有料でした。
コアはコードのセキュリティ監査を行うプロジェクトで、MCP ドキュメントはかなり粗雑に書かれています。TOKEN を設定した後も動作せず、諦めました。
🧠PIECES#
この開発者の記憶マップツールは、繰り返し発生する問題を記録し解決し、開発者の「脳」として機能し、類似の課題に直面した際に即時かつ関連する解決策とコンテキストを提供します。
https://pieces.app/features/mcp
コードはオープンソースではありませんが、無料で、インストールパッケージは 1.6G で、諦めました。
🔎EXA SEARCH#
開発者向けに最適化された技術検索エンジンである EXA は、最新かつ最も関連性の高い技術文書とベストプラクティスを提供し、開発者が複雑な技術問題の正確な情報を迅速に見つけるのを助けます。
実際には REF とかなり似ていますが、REF よりも安いと感じますが、やはり使えず、諦めました。
🎨PLAYWRIGHT#
AI を組み合わせた UI テストツールである PLAYWRIGHT は、UX/UI 標準とスタイルガイドに基づいてユーザーインターフェースを自動的に評価し、インテリジェントなフィードバックを提供し、開発者がアプリケーションのユーザーエクスペリエンスと視覚的一貫性を最適化するのを助けます。
さすがマイクロソフト製で、スター数 75k も納得で、確かに使いやすく、フロントエンドには必須です。プラグインの影響を排除するために、別のブラウザページでデバッグします。
疲れました。私がすでに知っている PLAYWRIGHT だけが少し価値を感じさせ、2 時間を無駄にした気がします。私はまだ自分を整理して、個人の MCP セレクションを書こうと思います。この文章はちょっと中途半端ですが、これでいいでしょう。皆さんへの避けるべきガイドとしてもなります。