visual-testing
✓使用屏幕截圖和 Figma 集成進行視覺測試、UI 驗證和設計比較。當用戶想要驗證 UI 外觀、與 Figma 設計進行比較、測試響應式佈局、檢查視覺回歸或驗證設計實現時使用。
SKILL.md
Perform visual testing, UI verification, and design comparison using screenshots, responsive testing, and Figma integration.
| Mobile S | 320px | 568px | --width 320 --height 568 | | Mobile M | 375px | 667px | --width 375 --height 667 | | Mobile L | 425px | 812px | --width 425 --height 812 | | Tablet | 768px | 1024px | --width 768 --height 1024 | | Laptop | 1366px | 768px | --width 1366 --height 768 | | Desktop | 1920px | 1080px | --width 1920 --height 1080 |
使用屏幕截圖和 Figma 集成進行視覺測試、UI 驗證和設計比較。當用戶想要驗證 UI 外觀、與 Figma 設計進行比較、測試響應式佈局、檢查視覺回歸或驗證設計實現時使用。 來源：serkan-ozal/browser-devtools-skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-05
- 更新時間
- 2026-02-18
快速解答
什麼是 visual-testing？
使用屏幕截圖和 Figma 集成進行視覺測試、UI 驗證和設計比較。當用戶想要驗證 UI 外觀、與 Figma 設計進行比較、測試響應式佈局、檢查視覺回歸或驗證設計實現時使用。 來源：serkan-ozal/browser-devtools-skills。
如何安裝 visual-testing？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/serkan-ozal/browser-devtools-skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-05