AI × 设计系统

3分钟学会手搓
自己的PPT设计Skill

每次都跟AI纠结审美 → AI自动输出品牌感内容

Esther不二

在AI时代认真生活的女生

02

起因:AI做的页面
每次都要大改

😤 这个板块不好看 → "再帮我做5个方案让我选"

🔄 选完之后 → 再改细节

😮‍💨 反复几次 → AI积累了偏好,但下次又忘

💡 与其每次纠正 → 不如写成Skill

⚡

把审美
写成操作手册

基于之前所有HTML制作经历
让AI生成了第一版Design Skill

04

第一版内容(很薄但有用)

Phase 1 · Initial Version

SKILL.md 简单的触发条件和步骤

brand-dna.md 三色、字体偏好、气质关键词

scene-tutorial.md 教程型页面的规范

✨ 虽然单薄,但初稿已经能省去大量纠正的时间

05

Learning from 归藏's PPT Skill ✦

核心思路:
限制AI的自由度 = 保证输出质量

🧱

布局不能乱

只能从预设骨架里选,不能随便发明

🎨

颜色不能改

只能从预设主题里选,不能自定义

✅

做完要自检

对照Checklist逐条过,P0不过打回

📋

零件能粘贴

AI直接复制改内容,不是"理解再创作"

"

不是让AI
"理解规则再创作"
是让AI"拿着零件拼装"

- DESIGN SKILL 方法论

07

我做的5项升级

1 SKILL.md 重写 → 变成7步强制工作流

↓

2 新增模板文件 → AI从模板改,不从零写

↓

3 新增 layouts.md → 15种布局可直接粘贴

↓

4 新增 checklist.md → 质量关卡,P0不过打回

↓

5 新增多个场景文件 → 不同页面不同规范

08

阶段三:组件库深挖

大量Playground → 出变体 → 我来选 → 存下来

引用块变体 50 → 5 看了50种,留了5种

卡片变体 60 → 5 看了60种,留了5种

最终组件库 2988行 components.md

💎 选完就是"标准件",AI以后只用这些,不再从零发明

09

现在的完整结构

esther-design-system/

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        卡片场景
    

10

你也可以做 👇

1

先做东西,不满意就选

让AI出5个方案你来选,选几次偏好就清晰了

2

把偏好写下来

"不要纯黑""标题用衬线体" → 就是你的brand-dna

3

让AI出选项你来选

不要让AI替你做审美决策,出10个变体你选

4

找一个好参考学方法论

我的参考是归藏,你的参考可以是我

5

每次不满意就加规则

Design Skill是活的,跟着你的审美一起长

11

核心认知

审美不是天赋,是可以工程化的

不是把审美交给AI,是把审美写成AI的操作手册

不是限制AI的创造力,是保护你的品牌感不被AI的"创意"稀释

AI的能力在于"执行",你的能力在于"判断"

“

Design Skill =
把你的判断力变成
AI能读懂的规则