FULL EDITION / ONE-TIME PURCHASE

不只做好看。
做到能交付。

开源版帮你开始。Pro 版把网站、App、后台、交互、已有项目改造和真实屏幕验收接到一起,适合要把页面交给客户或真实用户的人。

¥99 一次买断 ↓ 由 Zack 独立维护 GitHub ↗

01 / WHAT CHANGES

免费版给方法。
Pro 给完整过程。

开源版也要求达到高质量,不是故意做差。Pro 的差别是已有项目改造、完整状态、多轮复检和真正交付。

能力 开源版 · ¥0 Pro · ¥99
方向探索 三个方向,并排对比,选出主方向 多角度概念、整页视觉连续性和更严格的筛选
真实屏幕验收 桌面与手机截图,基础问题清单 最多三轮复检,目标 9/10;检查方向是否重复,并走完真实任务
去 AI 味 常见默认值检测与减法清单 100% / 200% 细节检查,逐行精简与完整交付前检查
交互与状态 提示需要关注哪些状态 加载、空、错误、成功、恢复;表单、弹窗、浮层与响应式布局
控制台与工具 基础层级建议 10 种由工作对象驱动的布局,整套界面保持同一种语言
已有项目 帮你判断适合哪种改法 单页诊断,三层改造法,输出可继续执行的 DESIGN.md
组件精修 基本状态与节奏建议 单个组件打磨到极致,19 个卡片原型,代码与空间展开容器
效果与小程序 素材与动效基础建议 光轨、点阵、流动渐变;小游戏场景、状态和视觉检查

02 / WHAT'S INSIDE

六个模块,
对应六种真实麻烦。

不是把知识堆在一起。每个模块都对着一个具体时刻:交付前、改旧页面时、组件总差点意思时。

01

交互与状态

让页面不是只有一张漂亮的默认截图。用户点了、填错了、等久了,界面都知道怎么回应。

02

桌面与手机

不是把桌面压窄。重新决定在手机上,用户第一眼该看到什么、第一下该点哪里。

03

已有项目改造

分清整理、升级和重做流程。保留业务行为,从共享变量和现有组件改起。

04

三轮视觉评审

每一轮都看真屏,修具体问题,再复检。不是凭感觉说“更高级了”。

05

组件精修

把按钮、输入框、选择器放回真实任务里,补齐所有状态和手感。

06

交付前减法

删掉装饰、重复说明和没有作用的卡片。只留下帮助用户做决定的元素。

03 / WHO IT'S FOR

适合这些时刻。

如果你只是偶尔让 AI 做个草稿,开源版够了。如果你靠它交付,Pro 更省时间。

01你要给客户看

页面不只在自己电脑上好看,还要经得住客户点、问和改。

02你在改已有产品

不能推倒重来,也不能只换颜色。需要一套能控制风险的改法。

03你总在最后一步返工

功能都对,但页面看着散。Pro 会把层级、状态和细节一次收干净。

04你想少解释

有一套固定流程和验收标准,和团队沟通时不用每次从头讲审美。

04 / GET THE FULL EDITION

把下一次返工,
换成一次买断。

Zack UI PROLIFETIME

¥99

一次买断,包含开源版全部内容。后续更新不再收费。

  • 完整方法与检查清单
  • 交互、状态与响应式布局
  • 已有项目三层改造法
  • 组件精修与 19 个原型
  • 终身更新
继续购买 ↗ 接入 Stripe 后,可用支付方式以结账页为准

05 / QUESTIONS

买之前,
你可能想问。

它和普通组件库有什么不同?

组件库告诉你按钮长什么样。Zack UI 帮你决定这个页面该先让人看什么、做什么,以及什么时候该删掉一个按钮。

需要先装开源版吗?

不需要。Pro 包含开源版的方法。两个同时安装反而可能争抢同一个任务,建议只保留一个。

Pro 版会公开吗?

不会。Pro 版放在私有仓库,只向购买者交付。公开仓库只有开源版,方便你先试用和判断。

它支持哪些 AI 编程工具?

按同一套 Markdown 方法工作,可用于 Claude Code、Codex、Cursor、Windsurf 等能读取项目文件的工具。具体安装方式会随购买说明一起提供。

能保证每次都做得很好看吗?

不能。结果仍然取决于模型、需求清晰度和迭代次数。它保证的是一套更可靠的过程:先做判断,再看真屏,再删到只留下有用的东西。

TRY THE FREE EDITION FIRST

还不确定?
先跑一个真页面。