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