用 visual-qa-testing 在 Cursor 裏做視覺 QA:截圖、控制檯與網絡請求一次過

visual-qa-testing 是社區倉庫 awesome-cursor-skills 中的 Agent Skill,指導 Cursor Agent 藉助內置瀏覽器(cursor-ide-browser)在改完 UI 後做視覺 QA:確認開發服務、打開頁面截圖、檢查控制檯錯誤與網絡請求,並可對按鈕表單做交互後再驗。本文依據 SKILL.md 與 Cursor 官方 Skills/Browser 文檔,說明其定位、安裝目錄與 npx skills 安裝方式、典型調用步驟,以及依賴內置瀏覽器、非測試框架替代品等注意事項。

閱讀全文
用 screenshot Skill 給 Agent 裝上「眼睛」:桌面截圖與視覺 QA

介紹 OpenAI curated 的 screenshot Agent Skill:在 macOS/Linux/Windows 上捕獲全屏、窗口或像素區域截圖,供 Agent 做視覺分析與 UI 驗證。文章說明其工具優先級(優先 Figma/Playwright,系統級截圖作補充)、保存路徑規則、官方安裝方式(Codex 的 $skill-installer 與 Cursor/Claude Code 目錄放置)、跨平臺腳本用法,以及權限、依賴與多顯示器等注意事項,幫助把設計稿、瀏覽器頁面與桌面應用串成完整前端視覺 QA 鏈路。

閱讀全文