AI × 设计系统

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

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

Brclio

写代码，教编程，做产品

02

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

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

🔄 选完之后 → 再改细节

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

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

⚡

把审美
写成操作手册

从已有页面中梳理偏好
让AI整理成可复用的Design Skill

04

先整理基础规则(少而有用)

Phase 1 · Core Rules

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

组件选型:从内容出发

确定内容 → 选择组件 → 填入信息 → 复用

引用组件按需按内容选择类型

卡片组件按需按信息选择布局

组件代码库即用 components.md

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

09

现在的完整结构

brclio-design-system/

brclio-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能读懂的规则