01核心执行
原生支持 · Codex
web-design-guidelines
执行结构化界面审查。查看权限、局限与证据
- Agent 适配
- 原生支持 · Codex
- 主要局限
- 它依赖网络和会随时间变化的实时规范文档。
- 首要风险
- 规则漂移或脱离上下文的结论 · Medium
- 来源状态
- 固定来源 · b8caa260
SKILL 执行方案 · 确定性规则
用最少组合完成真实工作
先从最小可用组合开始。只有职责明确的 Skill 才会进入方案。
- 任务
- 界面审查
- Agent
- Codex
- 优先目标
- 综合平衡
修改任一选项后，即可更新当前方案。 只使用规则与已核对元数据，不调用 LLM；相同输入得到相同方案。
03 SKILLS · 安装顺序
你的 Skill 执行方案
按顺序逐个安装并验证；不为了凑数强行加入第三个 Skill。
查看资料与安装说明 ↗
02边界保护
可移植 · Codex
context-map
让审查始终基于明确规则与项目上下文。查看权限、局限与证据
- Agent 适配
- 可移植 · Codex
- 主要局限
- 该流程刻意简短，可能遗漏动态依赖或运行时责任边界。
- 首要风险
- 不完整映射被视为全部范围 · Medium
- 来源状态
- 固定来源 · 318066d2
03结果验证
可移植 · Codex
webapp-testing
为最终判断生成可比较的视觉证据。查看权限、局限与证据
- Agent 适配
- 可移植 · Codex
- 主要局限
- 它假设本地已具备 Python Playwright 和可运行的应用。
- 首要风险
- 浏览器操作作用于错误目标 · High
- 来源状态
- 固定来源 · 0a64e398
可替换路径
当约束变化时，可考虑这些替代项
每项只替换一个既有职责，不是让你额外安装更多 Skill；切换前请先检查取舍。
web-design-reviewer
- 适合在何时选择
- 查看取舍后发现它的工作流更贴合你的项目
- 需要权衡的局限
- 需要运行中的目标、浏览器自动化，以及修复时的源码访问。
pr-screenshots
- 适合在何时选择
- 查看取舍后发现它的工作流更贴合你的项目
- 需要权衡的局限
- 该流程下 GitHub 没有简洁的 PR 说明图片公开上传 API。
用证据完成任务
把模糊的设计评审转化为有证据支持的精简修复清单。
先审查后修改；每条修复建议都要对应可见证据或源码位置。
- 三步验收检查
- 在三个代表性宽度下审查主要页面。
- 核对焦点顺序、标签、对比度与主要交互。
- 只保留带有复现证据的问题。
- 停止条件
- 未经测试就声称符合标准。
- 把截图当作行为正确的证明。
- 建议修改与产品既有设计系统冲突。