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