返回技能列表

visual-testing

DNYoussef
更新于 3 days ago
6 次查看
24
6
24
在 GitHub 上查看
其他testingvisualregressionbrowsermcpscreenshots

关于

This Claude Skill enables screenshot-based visual regression testing through the Claude-in-chrome MCP. It captures and compares UI states across different viewports to detect layout shifts, visual bugs, and design regressions. Use it for automated visual validation and baseline comparison in your testing workflow.

快速安装

Claude Code

推荐
主要方式
npx skills add DNYoussef/context-cascade -a claude-code
插件命令备选方式
/plugin add https://github.com/DNYoussef/context-cascade
Git 克隆备选方式
git clone https://github.com/DNYoussef/context-cascade.git ~/.claude/skills/visual-testing

在 Claude Code 中复制并粘贴此命令以安装该技能

GitHub 仓库

DNYoussef/context-cascade
路径: skills/tooling/visual-testing
0

相关推荐技能

branded-document-suite

其他

这是一个统一的文档生成工具,让开发者通过单一配置文件,即可为品牌创建风格一致的PDF、DOCX、PPTX和XLSX文件。它简化了报告、演示文稿和电子表格的专业化生成流程,确保所有输出文档的品牌元素(如Logo、字体、颜色)自动统一。开发者只需配置一次品牌样式,就能在各种文档类型中复用,大幅提升多格式文档制作的效率和专业性。

查看技能

cicd-pipeline-generator

其他

这是一个可配置的GitHub Actions工作流生成器,能为任何技术栈快速创建完整的CI/CD流水线。它自动化生成包含代码检查、测试、安全扫描和部署等关键阶段的流水线配置,帮助开发者避免手动设置的繁琐和错误。只需描述你的技术栈和需求,它就能生成可直接使用的workflow文件。

查看技能

cicd-pipeline-generator

其他

这是一个可配置的GitHub Actions工作流生成器,能为任何技术栈创建完整的CI/CD流水线。它自动化生成包含代码检查、测试、安全扫描和部署等关键阶段的流水线配置,帮助开发者快速搭建可靠的自动化流程。开发者只需描述需求,即可获得可直接使用的YAML工作流文件,大幅减少手动配置的工作量和错误。

查看技能

branded-document-suite

其他

Branded Document Suite 是一个统一的文档生成工具,让开发者通过单一的配置文件,即可为品牌创建风格一致的 PDF、DOCX、PPTX 和 XLSX 文件。它解决了多格式文档品牌不统一的问题,适用于生成报告、演示文稿、数据表格等各类公司文件。开发者只需配置一次品牌元素(如logo、颜色、字体),即可跨所有支持的文档类型自动应用。

查看技能