a65adcc2e5
Sources: extracted from two upstream archives (skill-repo, skills-main),
merged with the following policy:
- 15 broken symlinks (pointing to /Users/jameslee/.cc-switch/skills or
../../.agents/skills on a foreign machine) discarded
- 3 real name collisions with identical content (ai-pair, ifind-http-api,
zhipu-websearch) kept as one copy
- Functional overlaps deduped keeping the strongest variant:
- docx family: kept docx (official, full toolchain) + docx-cn
(GB/T 9704 Chinese official-document constants),
dropped docx_writer (no scripts, name collided with docx)
- humanizer family: kept humanizer-zh (6 zh reference docs),
dropped humanizer (en, redundant for CN workflow)
- Skills that only ran in a foreign environment removed:
ablemind-ops, app-publish, hlb-design-system, openclaw-adj-skill,
claude-driver
- alphapai excluded from this public repo because its SKILL.md hard-coded
live credentials
Result: 25 skills, 572 files, ~7.5 MB.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
228 lines
9.1 KiB
Markdown
228 lines
9.1 KiB
Markdown
# PPT 设计师需求 Brief
|
||
|
||
## 背景
|
||
|
||
我们有一个 PPT 自动化系统（ppt-station），用代码从数据生成 PPT 报告。系统用**主题**控制配色/字体，用**布局函数**控制每页的排版。当前只有 4 个主题和 10 种布局，远不够用。
|
||
|
||
**你的任务**：设计更多主题配色方案和页面布局，我来把它们实现到代码里。
|
||
|
||
你不需要写代码。你需要交付的是：**每个主题/布局的设计稿 + 标注文档**。
|
||
|
||
---
|
||
|
||
## 第一部分：需要更多主题
|
||
|
||
### 当前有的
|
||
|
||
| 主题 | 主色 | 辅助色 | 强调色 | 风格 |
|
||
|------|------|--------|--------|------|
|
||
| midnight | `#1E2761` 藏蓝 | `#CADCFC` 冰蓝 | `#E8B931` 金 | 高端商务 |
|
||
| forest | `#2C5F2D` 森林绿 | `#97BC62` 苔藓 | `#E8B931` 金 | 自然清新 |
|
||
| coral | `#F96167` 珊瑚 | `#F9E795` 金黄 | `#2F3C7E` 藏蓝 | 活力年轻 |
|
||
| charcoal | `#36454F` 炭灰 | `#F2F2F2` 灰白 | `#E8B931` 金 | 极简低调 |
|
||
|
||
### 需要你设计的新主题
|
||
|
||
请设计 **4-6 个新主题**，覆盖以下场景：
|
||
|
||
1. **金融/银行** — 稳重、信赖感，深蓝/深灰为主，金色或红色点缀。参考：招商银行、中金公司年报风格
|
||
2. **养老金/保险** — 暖色调，安全感，可以偏暖灰/棕/蓝绿。参考：社保基金、泰康年报
|
||
3. **科技/互联网** — 冷色调，未来感，可以用渐变蓝/紫/青。参考：腾讯、字节年报
|
||
4. **政府/国企** — 中国红+金，庄重大气。参考：中央汇金、国投年报
|
||
5. **ESG/绿色** — 深绿+白+浅绿，可持续发展感
|
||
6. **高对比深色** — 纯黑底+亮色文字/图表，适合投屏演示
|
||
|
||
### 每个主题需要提供
|
||
|
||
以下 **18 个颜色值**（6 位十六进制 RGB，不带 `#`）：
|
||
|
||
```
|
||
primary — 主色（标题栏、表头、KPI 数字）
|
||
secondary — 辅助色（卡片边框、次要信息）
|
||
accent — 强调色（装饰线、高亮、关键数据）
|
||
bg_dark — 深色幻灯片背景（用于标题页、结论页）
|
||
bg_light — 浅色幻灯片背景（用于内容页、图表页）
|
||
card_bg — 卡片/面板背景（通常白色）
|
||
text_dark — 浅底上的正文色
|
||
text_light — 深底上的文字色
|
||
text_muted — 次要文字/说明文字/脚注
|
||
border — 卡片边框色
|
||
positive — 正向变化色（如 +5.9%）
|
||
negative — 负向变化色（如 -3.2%）
|
||
```
|
||
|
||
加上 **6 个排版参数**：
|
||
|
||
```
|
||
header_font — 标题字体名（如"微软雅黑"、"思源黑体"）
|
||
body_font — 正文字体名
|
||
title_size — 标题字号（pt）
|
||
subtitle_size — 副标题字号（pt）
|
||
body_size — 正文字号（pt）
|
||
caption_size — 脚注字号（pt）
|
||
```
|
||
|
||
### 交付格式
|
||
|
||
每个主题一张示意图（任意工具），展示以下 4 页效果：
|
||
1. 深色标题页（bg_dark 背景 + 大标题）
|
||
2. KPI 卡片页（bg_light 背景 + 4 张卡片）
|
||
3. 图表页（bg_light 背景 + 一张组合图表）
|
||
4. 深色结论页（bg_dark 背景 + 评分卡片）
|
||
|
||
旁边标注所有色值。
|
||
|
||
---
|
||
|
||
## 第二部分：需要更多页面布局
|
||
|
||
### 当前有的 10 种布局
|
||
|
||
| 布局 | 用途 | 缺什么 |
|
||
|------|------|--------|
|
||
| `title_dark` | 深色全屏标题页 | 只有居中标题，无图片/logo 支持 |
|
||
| `title_light` | 浅色左右分栏标题页 | 左色块+右文字，缺少更多变体 |
|
||
| `kpi_cards` | KPI 指标卡片（N 等宽） | 只有水平排列，缺竖排/瀑布流 |
|
||
| `chart_full` | 整页图表 | 够用 |
|
||
| `chart_text` | 左图表+右文字说明 | 只有左图右文，缺反向 |
|
||
| `two_charts` | 左右双图表 | 够用 |
|
||
| `comparison_table` | 对比表格 | 只有基础表格，缺高亮更丰富的样式 |
|
||
| `bullet_points` | 图标+文字要点 | 只有圆形图标，缺更多样式 |
|
||
| `section_divider` | 章节分隔页 | 左色块+右大字，缺更多变体 |
|
||
| `conclusion_dark` | 深色结论页 | 够用 |
|
||
|
||
### 需要你设计的新布局
|
||
|
||
请设计 **8-12 种新布局**，以下是建议方向（选你觉得最有价值的做）：
|
||
|
||
#### 高优先级
|
||
|
||
**1. `timeline` — 时间线/里程碑**
|
||
- 用途：投资历程、项目进度、公司发展史
|
||
- 建议：水平时间线，3-6 个节点，每个节点有日期+标题+简述
|
||
- 数据：`items: [{date, title, desc}, ...]`
|
||
|
||
**2. `waterfall` — 瀑布图/归因分析**
|
||
- 用途：收益归因、成本分解、利润桥图
|
||
- 建议：不需要真的瀑布图图表，用色块模拟即可（正向绿色上升、负向红色下降）
|
||
- 数据：`items: [{label, value, direction: "up"/"down"}, ...]`
|
||
|
||
**3. `image_text` — 图片+文字（左右可切换）**
|
||
- 用途：产品展示、团队介绍、案例分析
|
||
- 建议：50/50 分栏，左图右文 或 右图左文
|
||
- 数据：`image_path, title, body, image_side: "left"/"right"`
|
||
|
||
**4. `dashboard` — 仪表盘页（KPI + 图表混排）**
|
||
- 用途：一页内同时展示核心数字和趋势图表
|
||
- 建议：顶部 3-4 个小 KPI 卡片 + 下方大图表，或者 2x2 网格
|
||
- 数据：`cards: [...], df, series_config, ...`
|
||
|
||
**5. `quote` — 引用/金句页**
|
||
- 用途：管理层观点、投资建议、风险提示
|
||
- 建议：大字引号 + 居中引文 + 来源人名
|
||
- 数据：`quote, author, title`
|
||
|
||
**6. `comparison_cards` — 对比卡片（A vs B）**
|
||
- 用途：两家公司对比、方案对比、before/after
|
||
- 建议：左右两张大卡片，各有标题+若干指标
|
||
- 数据：`left: {title, items: [{label, value}]}, right: {...}`
|
||
|
||
#### 中优先级
|
||
|
||
**7. `icon_grid` — 图标网格（2x3 或 3x3）**
|
||
- 用途：能力矩阵、特征展示、产品功能
|
||
- 建议：每格一个图标+标题+一句话描述
|
||
- 数据：`items: [{icon, title, desc}, ...]`
|
||
|
||
**8. `progress_bars` — 进度条/评分页**
|
||
- 用途：评分展示、完成度、指标达标率
|
||
- 建议：5-8 行，每行一个标签 + 一个水平进度条 + 数值
|
||
- 数据：`items: [{label, value, max_value}, ...]`
|
||
|
||
**9. `three_columns` — 三栏内容**
|
||
- 用途：三个方案对比、三大优势、三个阶段
|
||
- 建议：三等宽栏，每栏有标题+图标+正文
|
||
- 数据：`columns: [{title, icon, body}, ...]`
|
||
|
||
**10. `chart_table` — 上图表+下表格**
|
||
- 用途：图表和明细数据一页展示
|
||
- 建议：上半页图表，下半页简表
|
||
- 数据：图表参数 + `headers, rows`
|
||
|
||
**11. `highlight_number` — 大数字强调页**
|
||
- 用途：单一核心数据的全屏展示（如"年化收益率 12.3%"）
|
||
- 建议：超大字号居中 + 小标签 + 一行说明
|
||
- 数据：`number, label, description`
|
||
|
||
**12. `agenda` — 议程/目录页**
|
||
- 用途：报告目录、会议议程
|
||
- 建议：左侧章节编号+标题列表，当前章节高亮
|
||
- 数据：`items: [{number, title}], active_index`
|
||
|
||
### 每种布局需要提供
|
||
|
||
1. **设计稿**（13.333 x 7.5 英寸，16:9 比例）
|
||
2. **标注文档**，包括：
|
||
- 每个元素的 x, y, w, h（英寸）
|
||
- 字号、字体、颜色（用主题变量名，如 `primary`、`text_dark`，不要写死色值）
|
||
- 对齐方式（左/中/右，上/中/下）
|
||
- 元素之间的间距
|
||
3. **数据接口**说明：这个布局需要哪些输入数据字段
|
||
|
||
### 设计约束（必须遵守）
|
||
|
||
- **幻灯片尺寸**: 13.333 x 7.5 英寸（16:9 宽屏）
|
||
- **左右页边距**: 0.6 英寸
|
||
- **所有颜色用主题变量名**，不要写死具体色值。这样同一个布局换个主题就能换色
|
||
- **内容页统一"开头"**：标题在 y=0.25-0.35，下方 2 英寸金色装饰线在 y≈0.9-1.1，内容区从 y≈1.2-1.5 开始
|
||
- **标题字号**: `title_size - 2`（即比主题标题小 2pt）
|
||
- **元素最小间距**: 0.3 英寸
|
||
- **不要标题下装饰线** — 我们用的是短的金色强调线（2 英寸宽 × 0.04 英寸高），不是全宽下划线
|
||
|
||
### 需要适配的数据特点
|
||
|
||
这些布局主要用在**金融/养老金/投资报告**中，常见数据特点：
|
||
- 日期范围：日/周/月/季/年
|
||
- 数值类型：收益率（-5%~30%）、指数点位（3000~5000）、金额（亿元级）
|
||
- 中文列名，常见：收益率、指数、市值、净值、波动率、规模
|
||
- 公司数量：通常 2-6 家对比
|
||
- KPI 卡片：通常 3-6 个
|
||
|
||
---
|
||
|
||
## 第三部分：图表配色方案
|
||
|
||
当前图表配色 8 种，但都是通用色，缺少与主题匹配的系列颜色。
|
||
|
||
### 需要你提供
|
||
|
||
为每个新主题提供一套 **4-8 色的图表系列颜色序列**：
|
||
|
||
```
|
||
第 1 色 — 用于柱状图/面积图（通常较浅或中性）
|
||
第 2 色 — 用于折线图（通常较深或醒目）
|
||
第 3 色 — 备选第二系列
|
||
第 4 色 — 备选第三系列
|
||
...
|
||
```
|
||
|
||
规则：
|
||
- 相邻颜色要有足够区分度（不要两个接近的蓝）
|
||
- 第 1 色通常是柱状图（面积大），用中性色/浅色
|
||
- 第 2 色通常是折线（线条细），用饱和度高的颜色以保证可见性
|
||
- 所有颜色在白底和深底都要可辨识
|
||
|
||
---
|
||
|
||
## 交付清单
|
||
|
||
| 交付项 | 数量 | 格式 |
|
||
|--------|------|------|
|
||
| 新主题配色方案 | 4-6 套 | 色值表 + 4 页示意图 |
|
||
| 新布局设计 | 8-12 种 | 标注设计稿（含 x/y/w/h） |
|
||
| 图表系列配色 | 每个主题 1 套 | 4-8 色序列 |
|
||
|
||
**优先级**：先交主题 + 图表配色（我可以直接用），布局设计可以分批交。
|
||
|
||
有问题随时问我，我可以给你看现有的 PPT 输出效果做参考。
|