SuperAPI AI 工具集

ui-ux-audit

设计与创作

查看项目

更新于 10-16 04:23

技能介绍

用途

ui-ux-audit 是一个面向 UI/UX 变更的强制审计工作流技能。它的目标是在任何界面实现工作开始之前,先审计当前状态,从而防止冗余实现和杂乱设计。该技能会在用户提及 UI/UX 相关工作时自动触发,并作为执行顺序中的第一步运行:先审计,再向用户呈现发现,之后可选地调用 ui-ux-designer 智能体进行设计评审,最后才实施获批的改动。

主要能力

该技能围绕一套强制审计流程展开,包含五个步骤:

  1. 读取当前状态(不可跳过):在提出任何建议前,先读取目标页面文件、相关组件文件、相关数据文件,并通过关键词搜索检查是否已存在类似功能。
  2. 基于证据记录已存在的内容:创建当前状态清单,包括现有组件、现有数据展示(如指标、CTA、内容区块)、设计特征(布局、留白、信息密度、视觉风格),并附上证明其存在的实际代码片段。
  3. 冗余检查:在提出任何新增之前,验证该数据是否已在页面其他地方展示、是否已有类似功能、是否会重复现有内容、是否会让简洁设计变得杂乱、信息是否被多次展示。技能列出了应避免的反模式,例如在影响卡片已展示作品集明细时再添加作品集可视化、在首屏已有主要 CTA 时再添加大型 AI 助手卡片、在文档式页面上添加指标侧栏、在刻意极简的页面上添加仪表盘、在多个区块重复展示数据、以及没有明确价值主张的批量添加。
  4. 识别真实缺口(而非假设缺口):只为有代码审计证明的缺失功能、有实证的 UX 问题、有明确具体收益的增值项、以及不增加体量的简洁设计提出新增建议。每个缺口需附证据、用户需求、价值、最简方案和冗余确认。
  5. 设计哲学检查:对照简洁、极简的美学原则检查,包括简单可扫读的布局、策略性留白、信息只展示一次、文档式页面保持文档风格、无明确需求不做批量添加。技能提出四个自问:这是增加价值还是只增加体量?这是最简单的方案吗?是否尊重现有简洁设计?这能通过用户评审还是会被回退?

使用方式

该技能在用户提及 UI/UX 工作时自动调用,触发关键词包括:UI/UX 术语(improve UI、enhance UX、better design、update layout、redesign、refactor UI、modernize 等)、页面术语(fix homepage、improve page、update page、layout changes 等)、组件术语(add component、new feature、improve section、enhance hero、add visualization、add dashboard、add metrics 等)、通用改进(make it better、improve experience、enhance site、improve conversion 等)以及提问形式(“How can I improve X?”、“What should I add to X?”、“Should I add X to the page?”)。

审计完成后,技能按固定模板输出审计报告,包含当前状态摘要、已存在内容、冗余检查结果、识别出的真实缺口(按优先级)、不推荐项(会造成冗余)、设计哲学合规性以及建议与后续步骤。后续步骤通常为:用户评审发现、可选调用 ui-ux-designer 智能体、增量实施获批改动。

技能还附带支持文件:REFERENCE.md 提供详细 UX 研究(如左侧注意力模式、F 型阅读原则、认知负荷原则、WCAG 2.1 AA 要求、设计模式库、测量框架);FORMS.md 提供预填模板(快速审计模板、全面审计模板、冗余检查清单、缺口分析模板、WCAG 合规清单、移动优化清单、性能审计模板);resources/ 目录包含优秀审计示例、反面审计示例、2025 年 10 月事件案例研究及导航指南。快速审计(10 分钟内)使用 SKILL.md 流程加 FORMS.md 快速模板;全面审计(30 分钟以上)额外参考 REFERENCE.md 并对照优秀示例;学习培训则从示例和案例研究入手。

适用场景

适用于任何涉及界面改动的任务,包括改进 UI、增强 UX、更新布局、重新设计、修复首页、改进页面、添加组件、新增功能、增强视觉元素、添加可视化或仪表盘、提升转化与参与度等。尤其适合需要保持简洁极简设计风格的项目,以及希望避免重复实现和设计堆砌的团队。

限制

该技能是一个审计工作流,本身不执行界面实现,只负责在实施前产出基于证据的审计发现。它要求先读取代码文件,因此需要能够访问目标页面、组件和数据文件。技能中提到的具体设计原则、反模式案例和 2025 年 10 月事件均来自其自身资料,属于该技能的既定内容。关于收费、价格、平台支持范围等信息,资料中暂未提供。