一套给 AI 看的个人品牌设计系统。告诉 AI 用什么颜色、字体、布局、组件,以及什么绝对不能用。限制AI的自由度 = 保证输出质量。
限制AI的自由度 = 保证输出质量。
信息清晰、步骤明确、一步步看下来很舒服
视觉冲击、有节奏感、让人忍不住往下看
功能优先、交互感强、看板/书架/Canvas
3:4比例、字大、手机可读、一键导出PNG
esther-design-system/ ├── SKILL.md ← 7步工作流(大脑) ├── brand-dna.md ← 品牌基因:颜色/字体/气质/禁忌 ├── README.md ← 你在看的这个 ├── assets/ ← 模板骨架(起点) │ ├── template-tutorial.html 教程页 │ ├── template-landing.html 活动页/Landing │ ├── template-app.html App型/功能型 │ ├── template-cards.html 小红书图文卡片 │ └── avatar.jpg IP头像 └── references/ ← 规则和零件(知识库) ├── layouts.md 15种布局模式 ├── components.md 组件库(2988行) ├── checklist.md 质量检查清单 ├── scene-tutorial.md 教程场景规范 ├── scene-landing.md 活动页场景规范 ├── scene-app.md App型场景规范 └── scene-cards.md 小红书卡片场景规范
AI 每次做设计必须按这个顺序走。不允许跳步。
气质关键词:
可爱但有品质 · 手绘蜡笔感 · 有温度 · 不像AI · 一看就是"不二的"
核心不是这些文件本身,是你的审美判断力。文件只是把你的判断写成了 AI 能执行的规则。