什么是 responsiveness-check？
使用浏览器自动化测试跨视口宽度的网站响应能力。通过断点调整单个会话的大小，对每个宽度进行屏幕截图，并检测布局转换（列更改、导航切换、溢出）。生成比较报告，准确显示布局中断的位置。通过“响应性检查”、“检查响应性”、“断点测试”、“视口测试”、“响应性扫描”、“检查断点”或“移动设备测试”来触发。 来源：jezweb/claude-skills。
·responsiveness-check
</>
responsiveness-check
✓使用浏览器自动化测试跨视口宽度的网站响应能力。通过断点调整单个会话的大小，对每个宽度进行屏幕截图，并检测布局转换（列更改、导航切换、溢出）。生成比较报告，准确显示布局中断的位置。通过“响应性检查”、“检查响应性”、“断点测试”、“视口测试”、“响应性扫描”、“检查断点”或“移动设备测试”来触发。
如何安装 responsiveness-check
通过命令行快速安装 responsiveness-check AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：jezweb/claude-skills。
SKILL.md
查看原文Test how a website's layout responds to viewport width changes. Resizes through breakpoints in a single browser session, screenshots each width, compares adjacent sizes, and reports where layouts break.
What this tests: Layout responsiveness — overflow, stacking, navigation transitions, content reflow.
What this does NOT test: General accessibility (ARIA, semantic HTML, heading hierarchy, colour contrast). Those don't vary by viewport width — use the ux-audit skill instead.
使用浏览器自动化测试跨视口宽度的网站响应能力。通过断点调整单个会话的大小，对每个宽度进行屏幕截图，并检测布局转换（列更改、导航切换、溢出）。生成比较报告，准确显示布局中断的位置。通过“响应性检查”、“检查响应性”、“断点测试”、“视口测试”、“响应性扫描”、“检查断点”或“移动设备测试”来触发。 来源：jezweb/claude-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-26
- 更新时间
- 2026-03-10
快速解答
如何安装 responsiveness-check？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/jezweb/claude-skills
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-26