界面调试进阶

web-design-guidelines

按 Web Interface Guidelines 检查前端代码,发现可用性、可访问性和打磨问题。

推荐使用Codex
Recent Design界面设计UI 评审

Vercel-labs

Skill 作者

适合职业

  • 前端开发者
  • 设计师

兼容工具

  • Codex
  • Claude Code
  • OpenAI Agents

使用场景

  • 前端验收
  • 可访问性检查
  • 生产质量评审

安装指令(将命令发送给 Codex 可直接安装)

完整说明

Skill 简介

web-design-guidelines 用于让 AI 按 Web Interface Guidelines 检查前端实现,找出可用性、响应式、可访问性和视觉打磨问题。

适合场景

  • 页面上线前验收。
  • 检查前端代码和视觉实现是否一致。
  • 让 AI 输出可执行的 UI 修复建议。

安装命令

安装说明

运行安装命令后,在对应项目中让 AI 使用该 Skill。建议先阅读 GitHub 仓库说明,再把它加入达灵感项目资源。

使用说明

适合在具体 AI 项目中作为可复用资源保存。使用时,把当前项目背景、目标页面或工作流说明清楚,再调用该 Skill。