UI DESIGN SKILL FOR AI BUILDERS
不做模板。
做有主见的界面。
给 AI 编程助手的界面设计方法。网站、App、后台都能用。先拆方向，再做页面，最后用真屏验收。
npx skills add yckonnnnn/zack-ui
git clone https://github.com/yckonnnnn/zack-ui.git ~/.codex/skills/zack-ui
- 开源版
- ¥0
- Pro 版
- ¥99
- 购买方式
- 一次买断
INDEPENDENT OBJECTS
FOR DAILY RITUALS
Less noise.
More intent.
再排信息。
要有人的判断。
01 / SELECTED WORK
真实页面，
不是组件截图。
每个案例都从一句真实需求开始。先出三个方向，再选一个做成完整页面。
点击卡片，查看设计说明和可交给 AI 的提示词。
先找差异
同一个需求，先做三个真正不同的方向。不是换颜色，是换主角、换节奏、换信息密度。
再搭骨架
先排信息层级，再决定字体和装饰。页面必须先能完成任务，然后才值得被夸好看。
最后看真屏
截图不算验收。打开页面，点一遍，输入一遍，在手机和桌面上各看一遍，再删掉多余的东西。
03 / SAME BRIEF, DIFFERENT JUDGEMENT
同一句话，
能长出两种页面。
拖动中间的手柄，看“默认 AI 首页”和“有判断的首页”差在哪里。
Make Inspiration
Tangible & Empower
Your Craft
An all-in-one immersive workshop experience to unlock your endless creative potential.
Learn moreThings that
stay.
An independent journal about the objects we keep, repair and pass on.
Read the issue ↗04 / REMOVE THE DEFAULTS
这些“AI 味”，
一条都别留。
胶囊小标签
“✨ 开启你的创意之旅”不是信息，是噪音。
三张等宽卡片
三个功能不等于三个同样大的盒子。
编造的数字
没有来源的“10,000+ 用户”只会让人不信。
紫色发光按钮
颜色不是风格。先决定页面要让人做什么。
四张 KPI 卡
控制台不是仪表盘拼盘，先找真正的工作对象。
卡片套卡片
每一层边框都在问用户：到底该看哪里？
05 / OPEN SOURCE + PRO
先用免费的。
需要时再买。
开源版给你一套能开始的方法。Pro 版把交互、改造和验收做到能交付。
Zack UI 开源版
¥0
适合第一次用 AI 做界面的人。先跑一个真实页面，看看它能不能帮你做判断。
- 三方向对比与首屏骨架
- AI 默认值检查
- 真实截图验收
- 基础页面与组件方法
没有账号，没有试用期，装上就能用。
Zack UI Pro
¥99
适合要把页面交付给客户、团队或真实用户的人。少返工，少解释，少重做。
- 交互、表单、弹窗与空状态
- 桌面与移动端完整布局
- 已有项目的三层改造法
- 多轮视觉评审，目标 9/10
- 组件精修与 19 个原型
- 终身更新
一次买断。没有订阅，没有按年续费。
06 / FIELD NOTES
内容不是博客，
是获客入口。
每篇文章解决一个真实问题。看完能动手，动手后自然会想试完整版。
打开全部内容 →07 / MADE BY ZACK
一个人，
也能让它一直转。
不需要先有一个团队。需要的是一个能重复的循环：做案例、拆方法、让人试用、接住愿意付费的人。
Zack设计、开发、写作，都是同一个人。 GitHub ↗用真实需求，不用虚构客户。案例本身就是最好的广告。
让读者能复制、能复现、能立刻用在自己的页面上。
开源不是慈善，是最低成本的信任建立和分发。
只卖真正省时间的东西：交互、改造、验收和交付。
START WITH ONE REAL PAGE