wehub-skill-sync
7.8 KiB
7.8 KiB
name, description, triggers, od, inputs, parameters, outputs, capabilities_required, example_prompt
| name | description | triggers | od | inputs | parameters | outputs | capabilities_required | example_prompt | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| kami-deck | Produce a print-grade slide deck in the kami (紙 / 纸) design system — warm parchment background (or ink-blue for cover / chapter slides), serif at one weight, ink-blue accent ≤ 5% per slide, no italic. Horizontal magazine swipe pagination (←/→ · wheel · swipe · ESC overview). One self-contained HTML file, zero dependencies beyond Google Fonts. |
|
|
|
|
|
|
Build me a 9-slide kami-style internal deck for "Hokuto Research" — a Q1 portfolio review. Cover slide on ink-blue with the firm name. Chapter dividers between Macro, Equities, and Outlook. Three content slides with ink-blue numbered headings. One stats slide showing AUM / IRR / fund count. One closing CTA. End card with the firm signature. Japanese language stack. |
kami-deck
姊妹技能，与 kami-landing 同源。生成一个独立自包含的 HTML 文件：采用 kami（紙 / 纸） 设计系统的横向杂志风格滑动翻页演示文稿——印刷节奏、墨蓝强调色、单一字重的衬线体、无斜体、无冷灰色调。
导航模型有意借鉴了 guizang-ppt 技能——←/→ 方向键、滚轮/滑动、ESC 进入概览网格。视觉风格保持 kami 特色：羊皮纸色内容页、墨蓝色封面和章节页，通篇使用衬线体。
设计系统唯一权威来源：
design-systems/kami/DESIGN.md。 交付前请务必阅读。令牌、排版规则和禁用颜色均在其中定义。幻灯片特有的缩放比例（宏比例 × 1.6、字间距 × 0.6 相对于印刷）记录在第 3 节"层级体系"和第 5 节"布局原则 · 幻灯片"中。
你将得到什么
- N 张视口大小的幻灯片（最佳数量为 6–15 张），水平排列在一条经过变换的弹性轨道上。
- 封面页和章节页：背景切换为墨蓝色（
#1B365D），搭配象牙色文字——这是唯一使用深色主题的地方。 - 内容页 / 数据统计页 / 引用页 / 行动号召页：背景保持羊皮纸色（
#f5f4ed），字重为 500 的衬线体。 - 每页幻灯片的状态条：品牌标识 · 演示文稿标题 · 实时页码计数器（
01 / 09）。 - 表格数字应用于所有计数器、指标、页码。
- 无珊瑚色——kami 的强调色是墨蓝色。进度条和圆点导航也使用墨蓝色。
- 键盘 / 滚轮 / 触控导航，ESC 概览网格，圆点指示器。
- 多语言支持——支持英文/简体中文/日文，通过
language参数在:root上设置。
幻灯片类型
| 类型 | 背景 | 用途 |
|---|---|---|
cover |
墨蓝色 | 开篇标题页。居中衬线标题 + 标语。 |
chapter |
墨蓝色 | 罗马/阿拉伯数字章节分隔页。 |
content |
羊皮纸色 | 章节编号 + 标题 + 正文 + 可选列表项。 |
stats |
羊皮纸色 | 3–4 个指标单元格（数值 · 标签 · 副标题）。 |
quote |
羊皮纸色 | 拉引引用，左侧墨蓝色竖线 + 作者署名。 |
cta |
羊皮纸色 | 结尾号召语 + 1–2 个按钮。 |
end |
墨蓝色 | 超大衬线收尾词 + 版权页脚。 |
一个典型的 11 页演示文稿结构：
1. cover — 墨蓝色标题页
2. chapter — "01 / 为什么是现在"
3. content — 宣言
4. content — 能力与要点
5. stats — 4 个数据
6. chapter — "02 / 使用感受"
7. content — 方法论
8. content — 精选案例
9. quote — 推荐语
10. cta — 主要行动
11. end — 墨蓝色收尾词
工作流程
1. 收集需求
分两轮询问（不要一次性列出全部问题）：
- 身份信息轮——名称、标识、标语、地点、版本、语言。
- 内容轮——针对每页幻灯片：类型 + 对应字段。
2. 选择语言栈
与 kami-landing 相同：
英文 → Charter，简体中文 → 仓耳今楷02 / 思源宋体，日文 →
YuMincho。日文还会将 --olive 覆盖为 #4d4c48，因为 YuMincho 的笔画更细。
3. 编写 index.html
输出单个文件，所有 CSS 内联。参照 example.html 的结构。
仅使用 design-systems/kami/DESIGN.md 中的令牌。
运行时脚本（键盘 / 滚轮 / 触控导航、圆点指示器、进度条、ESC 概览）应与 open-design-landing-deck/scripts/compose.ts 中记录的模型保持一致。
不要复用 open-design-landing-deck 的 CSS；其视觉语言是不同的。
4. 自检清单
- 所有封面页 / 章节页 / 结尾页使用墨蓝色背景（
#1B365D）搭配象牙色文字。其余所有页面使用羊皮纸色。 - 墨蓝色元素在任何羊皮纸色页面上的覆盖面积不超过 5%。
- 幻灯片标题仅使用字重为 500 的衬线体。无斜体。
- 所有数字内容（计数器、指标、页码）均带有
font-variant-numeric: tabular-nums。 - 按下
→/Space/ 滚动。平滑地向右滑动一个视口；圆点导航同步前进；墨蓝色进度条同步推进。 - 按下
Esc。出现带有缩略图的概览网格。 - 缩放到 1080px 和 640px。封面页/内容页折叠为单列；圆点导航仍然可用。
- Lighthouse 检测：对比度 AA 级、font-display swap、无布局偏移。
边界
- 不要引入第二种强调色。只选墨蓝色，或者什么都不选。
- 不要在任何地方使用斜体——强调改用墨蓝色表示。
- 不要对标签填充使用
rgba()；应在羊皮纸色上预混合后使用design-systems/kami/DESIGN.md第 2 节表格中的纯色十六进制值。 - 不要添加路由。这是单文件制品。
- 不要复用 Atelier Zero 拼贴图像（即 open-design-landing 视觉体系）。Kami 风格无渐变、少图片，层级关系完全由排版承载。
参见
kami-landing— 长文单页姊妹技能。design-systems/kami/DESIGN.md— 令牌规范。open-design-landing-deck— 相同的水平滑动导航模型，不同的视觉语言（Atelier Zero）。- 上游来源：
tw93/kami— 原始 Claude 技能（MIT 许可证）。Kami 的 slides.py 模板记录了本技能所应用的宏比例 × 1.6 / 微比例 × 0.6 的比值。