北京
周三下午三點多，你正在排查一個著陸頁的布局錯位。你把頁面鏈接丟給 Cursor，讓它看看主視覺下方的按鈕是不是和標題不對齊。幾秒鐘后，它彈出一行回復：“我沒有瀏覽器的視覺能力，無法查看實時頁面。”你愣了一下，又試了一次，把截圖轉成文字描述給它聽，但它還是只能給你一些推測性的 CSS 建議。這個能遍歷整個項目目錄、分析上千行代碼的 AI 編程助手，在面對一個已經上線的網頁時，其實是在閉著眼睛猜。
這件事的荒誕就在于，Cursor 本身并不缺少推理能力，它缺的只是一個可以向它描述“頁面現在長什么樣”的傳感器。你本來可以直接把頁面截圖發給它，但要手動截圖、粘貼，每次改完代碼又要重復一遍，完全打斷了“描述問題——AI 給方案——驗證”的閉環。真正的解法，是讓 AI 自己拿起攝像頭。
這里要提到一個正在被越來越多工具鏈接納的東西：模型上下文協議，也就是 MCP。它的想法很直接：大語言模型本身不能直接操作瀏覽器、不能直接讀寫截圖文件，但通過 MCP，你可以把外部工具包裝成模型可以調用的“技能”。只要在配置里添加一個 MCP 服務器，Cursor 就會多出一個它自己可以決定何時調用的工具。你要做的，就是在 Cursor 里告訴它：“幫我看一下這個網頁，截圖分析。”剩下的調用、傳參、取回結果、給出判斷，它自己就能完成，不再需要你來充當它和瀏覽器之間的傳話人。
接下來要介紹的工具就是基于這個思路搭建的，一個叫 Rendex 的服務，搭配 Cursor MCP 后，你可以在大約五分鐘內得到一個名為 rendex_screenshot 的工具。它可以把一個 URL、一段原始 HTML 或 Markdown 直接渲染成 PNG、JPEG、WebP 或 PDF 文件，還支持全頁面截圖和暗色模式。最關鍵的是，它不需要你寫一行膠水代碼，用幾句自然語言就能觸發。
開始配置之前，你需要先檢查三個條件：第一，你的 Cursor 版本要支持 MCP，基本上近期更新的版本都可以；第二，你的機器上要有 Node.js，因為我們要通過 npx 運行 Rendex 提供的
特別聲明：以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布，本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
