Kami 是给 AI 用的一套文档模板和排版规则，Claude Design、GPT Canvas 这类设计工具也可以拿它当排版参考。

Kami 能生成什么？

九种文档模板、中英韩官网模板和 18 种 SVG 图表，文档可以导出 PDF 或 PNG，幻灯片还能导出可编辑的 PPTX。

可以换成自己的品牌风格吗？

可以，把品牌色、字体和版式偏好直接告诉 Agent，或者给一份品牌配置，都以你的要求为准。

Kami 支持哪些语言？

英文和中文支持得最完整，日文和韩文会按各自的字体和排版习惯调整，交付前再检查一遍，默认字体依次是 Charter、TsangerJinKai02、YuMincho 和 Source Han Serif K。

设计系统 · v1.20.0 · 2026.10

Kami紙

好内容，值得好版面，Kami 是给 AI 用的文档模板和排版规则，能做简历、报告、幻灯片和官网

Canvas#f5f4ed Accent#1B365D SerifTsangerJinKai / Charter Sans= Serif，一页一种字体

输出样本

告诉 Claude 要什么文档就行，下面是财报、简历、一页纸和幻灯片的实际效果，同样的要求也能交给绘图模型，README 里有提示词和示例

财报分析 · 中文

Tesla Q1 2026 财报点评

简历 · 英文

创始人简历，2 页

一页纸 · 中文

Kami 介绍，白底打印版，1 页

Slides · English

Agent 演讲幻灯片，共 8 页

社交图分享

小红书和 X 的配图，有八种底色可选，下面四张用的是我几个产品发过的原话

Mole

封面，墨蓝底

Kaku

列表，松绿底

Pake

正文，砖红底

妙言

截图，炭黑底

用 Kami 搭建

Pake、妙言和 Mole 的官网，都是按 Kami 的规范做的

Pake

网页打包成桌面应用

妙言

轻灵的 Markdown 笔记本

Mole

Mac 清理和系统工具

安装与调用

装好后直接对 Claude 说「帮我做一份简历」或「帮我排版一份白皮书」，Kami 会自己接手，不用输斜杠命令

# Claude Code、Codex、Cursor 及其他 Agent
npx skills add tw93/kami -a claude-code codex cursor -g -y

# Claude Code 插件，需要 v2.1.142 以上
/plugin marketplace add tw93/kami
/plugin install kami@kami

# Codex 插件
codex plugin marketplace add tw93/kami
codex plugin add kami@kami

# Claude Desktop
下载 kami.zip，在 Customize > Skills > "+" > Create skill 中上传

设计缘起

我喜欢美股投资，经常让 Claude 写研究报告。每次出来的东西都是同一种默认文档的样子：灰扑扑的，结构不清晰，格式老旧，换个对话就换一套排版，没有一份让人想读下去。于是我开始一条一条地调字体、配色、间距，直到报告变成一份自己真正愿意看的页面。

后来要去做《你不知道的 Agent：原理、架构与工程实践》分享，手上已经有文档，不想再做 PPT，就用 Claude Design 按自己的设计风格来排版，反复调了很多轮，最后慢慢满意了。后来加入 SVG 图表，统一配色和间距，逐渐用在常写的各种文档上，再把模板和规则整理成了现在的 Kami。

设计原则

默认是暖米色的纸、油墨蓝的强调色和衬线字体，标题和正文靠字号和间距分开，打印时可以换白底，卡片和表格还保留暖色。

页面底色是 parchment #f5f4ed，打印时可以用白底
只有一种强调色，油墨蓝 #1B365D
灰色都偏暖，带一点黄褐，不用冷蓝灰
标题和正文用同一套衬线字体，界面控件可以用无衬线
正文字重 400，标题 500，不用合成粗体
行距分三档，标题 1.1-1.3，密排 1.4-1.45，阅读 1.5-1.55
标签底色只用实色 hex，rgba 在 WeasyPrint 里会画出双层矩形
默认是平的，只有真正浮起来的截图和弹层才加一层很轻的阴影

暖调克制

一种强调色配暖灰，油墨蓝不超过页面面积的 5%

画布

Parchment

页面底色

#F5F4ED

Ivory

卡片 · 浮起容器

#FAF9F5

Warm Sand

按钮底色 · 可点区域

#E8E6DC

Deep Dark

深色页面的底，略带橄榄色，不是纯黑

#141413

主调

Ink Blue

主色 · CTA · 标签 · 章节标题

#1B365D

Ink Light

深色底的链接色

#2D5A8A

Dark Surface

深色容器 · 暖炭灰

#30302E

Error

错误提示，偏暖的红

#B53333

中性

Near Black

#141413

Dark Warm

#3D3D3A

Olive

#504e49

Stone

#6b6a64

标签底色

只用两档实色，#EEF2F7 用来弱化，#E4ECF5 是默认，实色也能避开 WeasyPrint 的双层矩形。

弱化标签示例#EEF2F7

默认标签示例#E4ECF5

字体系统

标题和正文用同一套衬线字体，代码用等宽字体

紙 Aa

Serif · 标题 + 正文

TsangerJinKai02 / Charter

标题、正文、引语和要强调的数字都用它，中文是仓耳今楷，英文是 Charter

Aa 01

Mono · 代码

JetBrains Mono

用在代码块、版本号、hex 值和需要等宽的数字上，比正文小一档

层级 · 屏幕 px ≈ pt × 1.33

Display

好内容
值得好版面

36-48 pt
weight 500
line 1.10

Section H1

色彩系统 · Color

18-22 pt
weight 500
line 1.20

Subsection H2

画布 · Canvas

14-16 pt
weight 500
line 1.25

Item H3

标签底色 · 实色参考

12-13 pt
weight 500
line 1.30

Body Lead

一套给印刷文档用的排版规则，先求好读。

11 pt
weight 400
line 1.55

Body

油墨蓝不超过整份文档面积的 5%，多了就显得堆，灰色都带一点暖黄，R ≈ G > B。

9.5-10 pt
weight 400
line 1.55

Body Dense

密排正文用于简历、一页纸、名片、索引卡，中文 pt 字号下 1.4-1.45 的行距最舒服，英文网页的 1.6 放进来会显得松散。

9-9.2 pt
weight 400
line 1.40

Caption

图注、脚注、说明文字，颜色用 olive 或 stone 降一级。

8.5-9 pt
weight 400
line 1.45

Label

设计系统 · v1.20.0

7.5-8 pt
weight 600
line 1.35

节奏与形

以 4pt 为单位，内容多时收窄页边距，正式信件这类文档留宽一些

Scale	Value	Use
xs	2-3 pt	同行内元素
sm	4-5 pt	tag padding · 紧凑布局
md	8-10 pt	组件内部
lg	16-20 pt	组件之间 · 卡片 padding
xl	24-32 pt	section 标题 margin
2xl	40-60 pt	大 section 之间
3xl	80-120 pt	长文档章节之间

圆角尺度

2 pt

印刷标签

4 pt

印刷区块

8 px

屏幕区块

深度

默认是平的，层级先靠留白、安静的底色或一条中性细线拉开，只有真正浮起来的截图和弹层才加很轻的阴影。

原子组件

常见文档里会用到的几种基础组件

按钮

填色 + 边框 · 无阴影 · 8px 圆角

Primary CTA Secondary Ghost

标签 · 两档

实色 hex · 弱化或默认

弱填充默认标签

引用

olive 色 · 无侧边线

一千个 no 换一个 yes，宁可清淡，不可浓艳。

指标卡

serif 数字 + sans 标签 · tabular-nums

8文档类型

1强调色

8条规则

章节标题

serif 500 · 15pt · 纯字号层级，无装饰

核心项目 · Selected Works

纯文本列表

用间距形成节奏 · 不加符号

暖米色纸底，打印时可用白底
油墨蓝点缀，不加第二种颜色
衬线字体区分层级

代码块

4pt 圆角、mono 字体，无边框

// 暖米纸，一种强调色
canvas   = parchment; accent = ink_blue
palette  = warm_neutrals − cool_grays
document = serif × hierarchy + generous_space
beauty   = constraints × intention ÷ noise

安静卡片

ivory 浅色底 + 8px 圆角 · 无边框和阴影

Tesla 公司介绍 · One-Pager

单页 A4 · 中文版 · 4 张指标卡 + 3 段正文 + 时间线

中文 A4 × 1 Ink Blue

内联图表

18 种 SVG 图表，架构图、流程图和数据图都有，告诉 Claude 要哪种图就会画进文档，配色和字体跟正文一致

架构图

系统组件与连接关系，一个焦点节点

流程图

决策分支，Yes / No 路径，焦点为成功路径

柱状图

季度营收对比，可选颜色渐变或单色

环形图

营收结构拆解，支持 3-6 个分段

决策速查

按要做的事找对应做法，表里没有的就回到上面的设计原则

要做什么	怎么做
大标题	serif `500`，字号按层级，line-height `1.10-1.30`
正文阅读	serif `400`，`9.5-10 pt`，line-height `1.55`
强调一个数字	`color: var(--brand)`，不要粗体
分隔两段内容	先用留白，边界必须明确时才加一条 `0.5pt` 的中性细线
引用某人的话	olive 色，不加侧边线
展示代码	ivory 底 + `4pt` 圆角 + mono 字体，无边框
区分主次按钮	Primary 品牌色填充 + ivory 字，Secondary warm-sand + charcoal
标注某张特殊卡片	用更明确的标签或安静底色，不加强调边
章节开始	serif `500` · `15pt` · 纯字号层级，无额外装饰
文档封面	单页 Display 字号 + 右对齐作者/日期 + 大量留白
展示关键数字	沿基线排成一行，不加容器，油墨蓝的 serif 大数字配 sans 小标签

反面示例

最常见的几个问题和对应的做法

页面底色

忌页面背景用 #ffffff 纯白或 #f3f4f6 冷灰，版面会显得硬，也没了纸的感觉。

宜默认用暖米色 #f5f4ed，白底打印版除外，打印时把 @page background 也设为同色，避免白边。

标签底色

忌Tag 用 rgba(27,54,93,0.18)，WeasyPrint 会让 padding 区与字形区透明度叠加，形成双层矩形。

宜直接用默认标签色 #E4ECF5，颜色稳定，PDF 也干净。

合成粗体

忌标题用 font-weight: 600 或更粗的合成 bold，笔画容易变糊，版面也会显得粗重。

宜正文 400，标题用真实的 W05 字重 500，要更醒目就加大字号、拉开间距或用油墨蓝，不靠合成粗体。

阴影

忌box-shadow 硬投影 0 2px 8px rgba(0,0,0,0.3)，观感偏硬，印刷时也容易发黑。

宜默认是平的，层级靠留白、安静的底色或中性细线，很轻的阴影只留给真正浮起来的界面和截图。

FAQ

Kami 是什么？: Kami 是给 AI 用的一套文档模板和排版规则，Claude Design、GPT Canvas 这类设计工具也可以拿它当排版参考。
能生成什么？: 九种文档模板、中英韩官网模板和 18 种 SVG 图表，文档可以导出 PDF 或 PNG，幻灯片还能导出可编辑的 PPTX。
可以换成自己的品牌风格吗？: 可以，把品牌色、字体和版式偏好直接告诉 Agent，或者给一份品牌配置，都以你的要求为准。
支持哪些语言？: 英文和中文支持得最完整，日文和韩文会按各自的字体和排版习惯调整，交付前再检查一遍，默认字体依次是 Charter、TsangerJinKai02、YuMincho 和 Source Han Serif K。