brand-dna.md
components.md
✦ 2988行
我是怎么做出
自己的 Design Skill 的
从"每次都在跟AI纠正审美"到"AI自动输出品牌感页面"，
整个过程其实挺自然的。
brand-dna.md
components.md
✦ 2988行
从"每次都在跟AI纠正审美"到"AI自动输出品牌感页面"，
整个过程其实挺自然的。
我需要AI帮我做大量HTML网页（个人网站、教程页面、内容分享等），但AI每次做出来的东西都需要大量修改。
SKILL.md — 简单的触发条件和步骤brand-dna.md — 我的三色、字体偏好、气质关键词scene-tutorial.md — 教程型页面的规范虽然单薄，但初稿已经能满足快速表达的需求，省去了大量纠正的时间。
Phase 2
看到"归藏"老师做的PPT Skill，效果很好。让Cola去拆解他那套Skill的整套逻辑和组织，再参照方法论优化我的。
变成7步强制工作流，每一步都有明确产出
AI从模板开始改，不从零写——起点对了结果就对
15种布局模式，可直接粘贴的完整代码
质量检查清单，P0不过就打回重做
不同类型页面有不同规范，教程/Landing/App各一份
不是把审美交给AI，
是把审美写成AI的操作手册
— Design Skill 核心认知
架子搭好了，但AI做出来的组件本身不够好看——默认blockquote、千篇一律的圆角卡片。
每种组件类型让AI出10个变体，做成playground页面——引用块、卡片、代码面板……每一种都来一轮。
一个个看、一个个选。选出来的存进 components.md，不选的删掉。AI负责生产，我负责判断。
选完就是"标准件"，AI以后只用这些，不再从零发明。核心逻辑：约束产生品质。
esther-design-system/ ├── SKILL.md ← 7步工作流（大脑） ├── brand-dna.md ← 品牌基因（底线） ├── assets/ ← 4个模板骨架（起点） │ ├── template-tutorial.html │ ├── template-landing.html │ ├── template-app.html │ └── template-cards.html └── references/ ← 规则和零件（知识库） ├── layouts.md 15种布局 ├── components.md 组件库（2988行） ├── checklist.md 质量检查清单 ├── scene-tutorial.md 教程场景规范 ├── scene-landing.md 活动页场景规范 ├── scene-app.md App型场景规范 └── scene-cards.md 小红书卡片场景规范
让AI出5个方案你来选，选几次偏好就清晰了
"不要纯黑""标题用衬线体""不要像AI" → 就是你的brand-dna
不要让AI替你做审美决策，出10个变体你选
我的参考是归藏，你的参考可以是我
Design Skill是活的，跟着你的审美一起长
审美不是天赋，是可以拆解、量化、写成规则的
不是把审美交给AI，是把审美写成AI的操作手册
不是限制AI的创造力，是保护你的品牌感不被AI的"创意"稀释
AI的能力在于"执行"，你的能力在于"判断"
Design Skill = 把你的判断力变成AI能读懂的规则
不需要一步到位。从一条规则开始，让它跟着你的审美一起成长。
看看我的 Design Skill 源码 →