页面交付状态与渲染检查

原名：design-qa

检查页面功能状态和真实渲染证据，整理可复现的交付问题。

中文 Skills 技能说明

页面准备交付时，除了看外观，还需要检查按钮和异常状态是否可用。提供获准页面、交互清单、测试账号范围及运行环境，技能整理加载、空白、错误、焦点和移动端表现，结合包内 Python 检查器及可选浏览器采集生成问题清单。与设计规范生成不同，它关注已实现页面的验证；浏览器和自动化工具需另配。静态规则可能误报，不能凭分数保证无障碍达标；使用脱敏测试资料，真实写入和发布先获得相应批准。

上游能力依据

上游原始适用说明：Use when a UI screen, page or component is about to be called done, handed off or shipped, or when generated UI looks generic or half-finished. Gates the rendered result, not the design file - finds controls that do nothing, placeholder copy, removed focus rings, missing loading/empty/error states, low contrast, small targets, hidden focus and broken reflow measured in the real browser, and flags template defaults without blocking on taste.

上游 SKILL.md 主要章节（保留原文标题）：

使用边界

先复现问题并固定测试范围，再生成或执行测试。测试通过只能证明已覆盖的场景，不能代替生产环境验收。

作者、翻译与许可证

原作者
Alireza Rezvani 与贡献者
中文翻译
CEOFans翻译
许可证
MIT
上游来源
https://github.com/alirezarezvani/claude-skills/tree/e4a1dc3695908dd5a6c811cc76ab7aa4cf95f2f0/product-team/skills/design-qa

适用范围

平台：linux、macos、windows；标签：页面验收、状态检查、渲染核对

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。