交互与状态
让页面不是只有一张漂亮的默认截图。用户点了、填错了、等久了,界面都知道怎么回应。
FULL EDITION / ONE-TIME PURCHASE
01 / WHAT CHANGES
开源版也要求达到高质量,不是故意做差。Pro 的差别是已有项目改造、完整状态、多轮复检和真正交付。
| 能力 | 开源版 · ¥0 | Pro · ¥99 |
|---|---|---|
| 方向探索 | 三个方向,并排对比,选出主方向 | 多角度概念、整页视觉连续性和更严格的筛选 |
| 真实屏幕验收 | 桌面与手机截图,基础问题清单 | 最多三轮复检,目标 9/10;检查方向是否重复,并走完真实任务 |
| 去 AI 味 | 常见默认值检测与减法清单 | 100% / 200% 细节检查,逐行精简与完整交付前检查 |
| 交互与状态 | 提示需要关注哪些状态 | 加载、空、错误、成功、恢复;表单、弹窗、浮层与响应式布局 |
| 控制台与工具 | 基础层级建议 | 10 种由工作对象驱动的布局,整套界面保持同一种语言 |
| 已有项目 | 帮你判断适合哪种改法 | 单页诊断,三层改造法,输出可继续执行的 DESIGN.md |
| 组件精修 | 基本状态与节奏建议 | 单个组件打磨到极致,19 个卡片原型,代码与空间展开容器 |
| 效果与小程序 | 素材与动效基础建议 | 光轨、点阵、流动渐变;小游戏场景、状态和视觉检查 |
02 / WHAT'S INSIDE
不是把知识堆在一起。每个模块都对着一个具体时刻:交付前、改旧页面时、组件总差点意思时。
让页面不是只有一张漂亮的默认截图。用户点了、填错了、等久了,界面都知道怎么回应。
不是把桌面压窄。重新决定在手机上,用户第一眼该看到什么、第一下该点哪里。
分清整理、升级和重做流程。保留业务行为,从共享变量和现有组件改起。
每一轮都看真屏,修具体问题,再复检。不是凭感觉说“更高级了”。
把按钮、输入框、选择器放回真实任务里,补齐所有状态和手感。
删掉装饰、重复说明和没有作用的卡片。只留下帮助用户做决定的元素。
03 / WHO IT'S FOR
如果你只是偶尔让 AI 做个草稿,开源版够了。如果你靠它交付,Pro 更省时间。
页面不只在自己电脑上好看,还要经得住客户点、问和改。
不能推倒重来,也不能只换颜色。需要一套能控制风险的改法。
功能都对,但页面看着散。Pro 会把层级、状态和细节一次收干净。
有一套固定流程和验收标准,和团队沟通时不用每次从头讲审美。
04 / GET THE FULL EDITION
¥99
一次买断,包含开源版全部内容。后续更新不再收费。
05 / QUESTIONS
组件库告诉你按钮长什么样。Zack UI 帮你决定这个页面该先让人看什么、做什么,以及什么时候该删掉一个按钮。
不需要。Pro 包含开源版的方法。两个同时安装反而可能争抢同一个任务,建议只保留一个。
不会。Pro 版放在私有仓库,只向购买者交付。公开仓库只有开源版,方便你先试用和判断。
按同一套 Markdown 方法工作,可用于 Claude Code、Codex、Cursor、Windsurf 等能读取项目文件的工具。具体安装方式会随购买说明一起提供。
不能。结果仍然取决于模型、需求清晰度和迭代次数。它保证的是一套更可靠的过程:先做判断,再看真屏,再删到只留下有用的东西。
TRY THE FREE EDITION FIRST