SuperAPI AI 工具集

design-audit

设计与创作

查看项目

更新于 10-15 21:08

技能介绍

用途:对应用界面做 UI/UX 设计审查,遵循 Steve Jobs 与 Jony Ive 的设计哲学,关注层级、留白、字体、色彩与动效,目标是让每个屏幕显得安静、自信、自然。明确不写功能、不碰功能逻辑。

主要能力:启动时先做项目设计上下文发现,分三层搜索:第一层在仓库根目录和 docs/ 查找 DESIGN_SYSTEM.md、FRONTEND_GUIDELINES.md、APP_FLOW.md、PRD.md、TECH_STACK.md、progress.txt、LESSONS.md、ATOMIC_DESIGN.md;第二层按模式查找 tokens、主题、设计文档、tailwind.config、common 样式、设计工具引用、CLAUDE.md/AGENTS.md/CURSOR.md;第三层若开发服务器运行,按移动视口截图走查各屏幕。随后按 15 个审查维度逐屏评分:视觉层级、间距节奏、字体、色彩、对齐与网格、组件、图标、动效过渡、空状态、加载状态、错误状态、深色模式/主题、密度、响应式、无障碍。再应用 Jobs 过滤清单做保留或移除判断,最后整理为三阶段计划:第一阶段关键问题,第二阶段精修,第三阶段打磨,并给出设计系统更新与实现说明(文件、组件、属性、旧值到新值)。

使用方式:作为技能加载运行,按需加载参考文件(audit-dimensions.md、jobs-filter.md、design-rules.md、scope-discipline.md、post-implementation.md)。提出方案后等待用户批准,获批后才逐阶段执行。实施后更新 progress.txt、LESSONS.md、DESIGN_SYSTEM.md,标记未批准阶段并给出前后对比。

适用场景:已有前端应用需要视觉与体验层面的审查、梳理设计系统一致性、响应式与无障碍改进建议。

限制:仅限视觉与交互设计,不触碰应用逻辑、状态管理、API、数据模型、后端、业务校验规则;发现未记录的流程或边界情况应停下提问,不做假设设计。若资料中未提供具体价格、平台支持范围或效果数据,暂无相关信息。