今天天學習 skilljar 的時候發現一個非常適合前端用的 mcp —— playwright（還是微軟出的），突然意識到 MCP 的對 Claude Code 開發體驗的巨大作用，晚上搜索了下發現 youtuber Sean Kochel 就推薦了五個 “必備” MCP，介紹的挺詳細的，但好不好使還是試試才知道於是決定寫一篇測評文章。
📚REF#
透過智能文檔管理，REF MCP 伺服器能夠顯著減少 85% 的令牌使用量，確保語言模型僅加載與當前任務最相關的上下文，從而提高效率並降低成本。
測評#
簡單掃了一眼，感覺本質上就是幫用戶給文檔做 RAG 從而提升 LLM 對文檔的記憶強度和理解吧，本身自帶了一些常見的文檔，比如 Nextjs、Docker、 N8N... 支持上傳私有文檔（Github Repo/PDF）。
實際上是一個付費項目，要使用的話得配置 API Key，基礎功能就兩個 search_documentation 和 read_url，用一次扣一點 credit，新賬號就 200 credit，還不會刷新，讓我意外的是檢索知識庫是不消耗 credit 的。
第一次體驗不太好，沒有查到任何有效信息，要求 “參考 nextjs 文檔給我的項目提出一點優化方向” 什麼都沒查出來扣了我 1 credit
接下來我導入了我 obsidian 在 github 上的備份作為知識庫材料，要求 “分析作者是什麼樣的人有什麼可以改進的方向”，直到我指出得從 private 知識庫搜索才終於走上正確的檢索路徑。給出的總結確實如我所預期。
到此我懷疑是我的使用方式不對，可能需要具體一點的問題，不需要閱讀全部文檔的問題。於是又試了一個 “幫我再從我的 private 文檔裡找找怎麼維護一個區塊瀏覽器的？”，給出的結果也比較概括性，消耗了一堆 credit 結果就這？😐
好吧，可能我的打開方式還是不對。以後有機會再試試吧。
總結#
本來是一個挺好的開源 mcp，思路也非常好，但計費略顯抠門，整的有點像用開源當噱頭吸引人似的，要是能讓用戶自己跑 RAG 的服務就好了。用起來其實也有點不盡人意搜不準還費 credit。
這個 mcp 可能更適合用來集成一些小眾合作方吧，出發點其實也是幫用戶省 token，但它又得花錢，這個事情就處在了一個微妙的平衡上，只有剩下的 token 能比買這個服務的錢多的時候這個 mcp 用起來才是值得的，但是如果是月費買 Claude Code 的話也不是那麼在乎閱讀文檔花的 token，最後還不如自己人工 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 標準和風格指南自動評估用戶界面，提供智能反饋，幫助開發者優化應用的用戶體驗和視覺一致性。
不愧是 Microsoft 出的，star 數 75k 也不是蓋的，確實好用前端必備，會單開一個瀏覽器頁面調試，排除插件的影響。
累了，只有我已經知道的 PLAYWRIGHT 讓我覺得有點價值，感覺浪費了 2 小時，我覺得我還是沉澱沉澱，寫個個人 MCP 精選吧。這篇寫的很虎頭蛇尾，但就這樣吧，也算是給大家的避坑指南。