SuperAPI AI 工具集

redesign

设计与创作

查看项目

更新于 10-16 08:06

技能介绍

用途:对现有网站或应用进行“先审计、后重设计”的升级,在尽量不破坏既有功能的前提下提升界面品质,并识别通用化或 AI 痕迹明显的设计。

主要流程:读取工作流文件 workflows/redesign-audit.md,按其 Scan → Diagnose → Direct → Apply → Verify 顺序执行。先检查工具包是否存在:ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING;若 KIT_MISSING,仅说明只安装了技能文件夹,指向 npx ux-ui-agent-skills init 或插件安装并停止,不猜测无法打开的文件内容。随后扫描代码库的技术栈、样式方式、token 现状、组件与需保留内容;用 Banned Defaults 清单与评审量表做诊断,输出按优先级排序的问题表;选择契合品牌的原型与设计系统;按 tokens、排版与间距、组件状态、动效的顺序应用;最后重跑设计与无障碍审查、冒烟测试原流程、检查深色模式与响应式,并运行 ${CLAUDE_SKILL_DIR}/../../../scripts/validate_contrast.py 与 ${CLAUDE_SKILL_DIR}/../../../scripts/lint_hardcodes.py。

限制与护栏:不为美观牺牲可用功能,不发布对比度不达标的品牌色,不移除既有无障碍能力,交付完整文件而非占位符。多页应用必须统一到单一共享 token 主题,所有页面消费同一主题源;不得让页面各自保留调色板,主题切换应由单一 token 源控制。

适用场景:需要系统性重构视觉体系、统一页面主题并保住原有功能的既有项目。具体支持框架、脚本适用范围等资料未提供。