Redesign 是一个用于改进现有 UI 组件视觉设计的技能。其核心用途是在不引入新视觉语言的前提下,基于仓库已有设计体系对组件进行重设计或重设样式。
主要能力与使用方式:技能会先检查真实组件及周边布局,复用仓库现有的设计令牌(design tokens)、基础组件(primitives)和组件约定,并按固定顺序回应:识别被重设计的组件与文件;指出三个具体的视觉或交互问题,例如层级、间距、对比度、对齐、响应式或操作提示;针对每个问题提出布局、令牌、组件和 Tailwind 的具体改动;展示仅包含有意义类名或结构变化的简短前后对比片段;若用户要求实现,则执行改动并按仓库要求的 UI 工作流验证。
适用场景:用户要求重设计、重设样式或改进现有 UI 组件外观时。
限制:技能强调点评简洁并基于当前代码,仓库已有视觉体系时不应另造新视觉语言;其实际效果依赖仓库提供的设计令牌与 UI 工作流,具体验证流程未在资料中说明。