Claude Code UI 测试技能：复核暗色窄屏下仍可见的操作按钮

Claude Code 安装步骤

从固定提交获取完整的 `skills/ui-testing` 目录。
复制到目标项目的 `.claude/skills/` 后核对 `.claude/skills/ui-testing/SKILL.md`。从项目根目录启动 Claude Code，直接描述符合该技能用途的任务。

按设备尺寸、主题和交互状态检查界面。适合用浏览器和键盘找出深色背景上难以发现的按钮、焦点或横向滚动。

检查虚构报告页的导出按钮。要求在 320px 视口和暗色模式确认按钮边框、文字与键盘焦点都可见，并记录是否出现横向滚动。

验收记录应有对应主题和宽度，以及每种状态的观察。需要时补浏览器量得的对比度和截图。

GitHub 原文 · 更新日期 2026-11-13

Claude Code、固定版本技能及能预览目标页面的浏览器。准备要复测的尺寸与主题。

对同一组件再检查窄屏和触控。也要用键盘观察焦点变化，确保各状态都能辨认。