SuperAPI AI 工具集

web-design-guidelines

设计与创作

查看项目

更新于 10-15 22:37

技能介绍

用途:该技能用于审查 UI 代码是否符合 Web Interface Guidelines,适用于“review my UI”“check accessibility”“audit design”“review UX”“check my site”等需求。

主要能力:每次审查前先从 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md 获取最新规则,再读取指定文件,逐条比对全部规则,并按指南规定的格式输出发现,格式为简洁的 file:line。获取需使用 WebFetch。

使用方式:用户提供文件或匹配模式时,先抓取上述来源的最新指南,读取指定文件,应用全部规则并输出结果;若用户未指定文件,则询问要审查哪些文件。

后续修复:定位问题后,可调用 ui-ux-pro-max 获取更深入的分类修复建议,例如可访问性(accessibility contrast aria keyboard)、表单体验(forms validation error feedback)、动画与动效(animation reduced-motion timing)、导航(navigation breadcrumb back behavior)、性能与布局(layout shift lazy loading performance),通过命令 python3 skills/ui-ux-pro-max/scripts/search.py "关键词" --domain ux 查询,需将审查发现映射到最接近的领域关键词。

相关技能:ui-ux-pro-max 提供更深入的 UX 指导与各类问题的修复规则;frontend-design 用于编码前的设计方向与规划;ui-styling 用于需要组件级改动的实现,涉及 shadcn/ui 与 Tailwind。

限制:资料未说明收费、价格、支持平台或效果保证;必须联网获取指南源,输出格式受该指南约束,具体规则内容以抓取到的版本为准。