01核心执行
原生支持 · Codex
frontend-design
确定视觉方向与实现约束。查看权限、局限与证据
- Agent 适配
- 原生支持 · Codex
- 主要局限
- 审美判断具有主观性，仍需要利益相关方评审。
- 首要风险
- 形式压过功能 · Medium
- 来源状态
- 固定来源 · 34040c9c
SKILL 执行方案 · 确定性规则
用最少组合完成真实工作
先从最小可用组合开始。只有职责明确的 Skill 才会进入方案。
- 任务
- 前端开发
- Agent
- Codex
- 优先目标
- 综合平衡
修改任一选项后，即可更新当前方案。 只使用规则与已核对元数据，不调用 LLM；相同输入得到相同方案。
03 SKILLS · 安装顺序
你的 Skill 执行方案
按顺序逐个安装并验证；不为了凑数强行加入第三个 Skill。
查看 frontend-design 资料与安装说明 ↗
02边界保护
原生支持 · Codex
web-design-guidelines
检查无障碍、响应式与常见界面问题。查看权限、局限与证据
- Agent 适配
- 原生支持 · Codex
- 主要局限
- 它依赖网络和会随时间变化的实时规范文档。
- 首要风险
- 规则漂移或脱离上下文的结论 · Medium
- 来源状态
- 固定来源 · 063bee94
03结果验证
原生支持 · Codex
playwright-workflows
提供浏览器证据，而不是只依赖代码检查。查看权限、局限与证据
- Agent 适配
- 原生支持 · Codex
- 主要局限
- 详细软件包文件尚未完全编目。
- 首要风险
- 安装前审查 · Medium
- 来源状态
- 编辑来源
可替换路径
当约束变化时，可考虑这些替代项
每项只替换一个既有职责，不是让你额外安装更多 Skill；切换前请先检查取舍。
anti-ui-slop
- 适合在何时选择
- 查看取舍后发现它的工作流更贴合你的项目
- 需要权衡的局限
- 必须具备仓库证据；UIZZE 参考或用户提供的截图是可选项，缺少参考证据时应明确标注，而不是凭空猜测。
web-design-reviewer
- 适合在何时选择
- 查看取舍后发现它的工作流更贴合你的项目
- 需要权衡的局限
- 需要运行中的目标、浏览器自动化，以及修复时的源码访问。
webapp-testing
- 适合在何时选择
- 你希望从更完善的公开文档开始
- 需要权衡的局限
- 它假设本地已具备 Python Playwright 和可运行的应用。
用证据完成任务
交付有辨识度的界面，同时通过实用性与浏览器检查。
仅处理前端文件、本地预览与可撤销的浏览器检查。
- 三步验收检查
- 分别用桌面与移动宽度打开修改后的页面。
- 使用键盘与指针完成页面的主要操作。
- 确认没有阻断性控制台错误或明显布局破损。
- 停止条件
- 方案写入约定前端范围之外的文件。
- 视觉修改破坏键盘访问或可读对比度。
- 浏览器结果与声称的效果明显不符。