怎么在现有项目里比较三个设计方向
在 Claude Code 或 Codex 里安装 Variant Design,然后把任务发给 Agent。它先检查项目的页面结构和设计系统,再在你的项目里生成 A/B/C 三个完整版本,并给出比较页。三版的核心任务、数据和必要功能相同,差别在设计取舍。
用 AI 做界面时常见问题的回答。开头直接给结论,后面是步骤和实测记录。
在 Claude Code 或 Codex 里安装 Variant Design,然后把任务发给 Agent。它先检查项目的页面结构和设计系统,再在你的项目里生成 A/B/C 三个完整版本,并给出比较页。三版的核心任务、数据和必要功能相同,差别在设计取舍。
用 Variant Design 修改方向时,发 undo B 就能恢复 B 上一次的文件和 tokens,A/C 和最终选择不受影响。方案接入项目后,用 rollback 恢复接入前的文件。如果文件在修改后又被人动过,这两个操作都会拒绝执行,不会覆盖你的改动。
不要只让 AI 出一版。先写清真实任务和不能变的约束,再让它做几个在取舍上真正不同的方向,比较后由你决定。下面是我们的做法,用 Pulse 案例说明。它来自实际运行记录,但我们没有做过用户对照实验,不能证明它一定更好。
两者配合使用。git 记录仓库历史;Variant Design 的 undo B 按请求撤回 B,rollback 撤回一次接入,发现文件后来又被编辑就拒绝执行。让 Agent 动手前先检查并保存自己的工作;探索时用 undo,确认接入结果后再提交。使用 git restore 前要看清恢复来源和目标,它可能覆盖尚未保存的编辑。
Variant Design 的设计参考页记录出处、类型、设计者(已知时)、核对日期和手机版测试状态。链接参考不代表我们取得作品授权;作者授权展示的媒体会单独标明授权记录和范围。本站展示许可不等于允许你下载或复用,使用前仍要核对原作条款或另行取得许可。