技能概述
XHS Pastel Card 係一个柔和馬卡龍慢生活风格嘅 HTML PPT 技能。采用奶油 #fef8f1 底色、三个柔光 blob 装饰、Playfair 斜体衬线 display 标题混合 sans 正文、28px 圆角馬卡龍卡片（桃/薄荷/天/紫/柠/玫六色）、Playfair 斜体 01-04 序号、SVG donut 图、chip+page 顶栏。营造"杂志、手作、唔太科技"嘅感觉，适合生活方式/个人成长/慢生活/情绪类内容。
觸發關鍵字
- pastel、macaron、lifestyle、slow living
- 慢生活、生活方式、个人成长
- 馬卡龍、柔和风格
什麼時候用
- 要做生活方式 / 个人成长内容
- 慢生活、自我照顾、情绪类主题
- 需要柔和、手作感觉嘅 PPT
- 用户提到「pastel」「馬卡龍」「慢生活」
使用方法
自然語言觸發
用 html-ppt-xhs-pastel-card 模板做一份慢生活主题图文
工作流程
- 确认主题 — 休息/暂停/自我照顾等慢生活主题，5-7 个想表达嘅点
- 复制模板 — 从
xhs-pastel-card/复制index.html和style.css，保留.tpl-xhs-pastel-cardbody class - 处理共享运行时 — 替换
../../../assets/...为项目本地路径或内联 - 替换内容 — 保留结构 class，填入实际内容
- 馬卡龍卡片 — 六色可选：桃/薄荷/天/紫/柠/玫
- SVG donut 图 — 用于数据可视化
設計特色
| 元素 | 说明 |
|---|---|
| 奶油底 #fef8f1 | 温暖嘅奶油色背景 |
| 柔光 blob | 三个柔光 blob 装饰，增加层次感 |
| Playfair 斜体衬线 | 标题用 Playfair 斜体，正文用 sans-serif |
| 28px 圆角馬卡龍卡片 | 六色柔和卡片 |
| SVG donut 图 | 环形数据可视化 |
| chip+page 顶栏 | 精致嘅顶部导航 |
實際例子
例子 1：慢生活图文
用户：「用 html-ppt-xhs-pastel-card 模板做一份慢生活主题图文。」
确认主题（休息/暂停/自我照顾）和 5-7 个点后，生成奶油底 + 馬卡龍卡片 + donut 图嘅 deck。
例子 2：个人成长
用户：「帮我做一个个人成长嘅 pastel 风格 PPT。」
生成柔和馬卡龍风格嘅 deck，适合表达成长、自我照顾等主题。
注意事項
- 必须处理
../../../assets/...路径 - 六色馬卡龍卡片可混搭
- 逐字稿放
<aside class="notes">