编程 Kami:AI 时代的文档设计系统,8条规则统一文档视觉,3100 Star

2026-09-05 19:00:44

Kami:AI 时代的文档设计系统,8条规则统一文档视觉,3100 Star

让 AI 写文档这件事已经没什么稀奇了,但每次生成完你会发现,不管用什么模型、问什么问题,输出的文档样式丑还千奇百怪,有灰色有白色,千篇一律的配色,每次都不一样的排版。内容可能没问题,但视觉上还是差点意思。如果你连续生成多份文档,每份的风格都不一样,今天这份是蓝白配色,明天那份突然变成渐变背景,想统一只能自己手动调整。

你可能觉得这不就是排版问题吗自己调调不就行了,但如果你的文档是 AI 生成的,每次都要手动调整,那这个最后一公里就会变成一个持续消耗时间的黑洞。

这个问题最近被一个开源项目盯上了。Kami,一个 AI 时代的文档设计系统,项目 4 月 20 日才在 GitHub 上创建,短短 5 天时间 Star 数就突破了 3100。

它要做的事情很简单:用一套统一的设计约束,让 AI 生成的文档在视觉上保持一致,直接就能交付。

Kami(紙,かみ)在日语里是纸的意思。它支持六种文档格式:One-Pager(一页纸)、Long Doc(长文档)、Letter(信件)、Portfolio(作品集)、Resume(简历)、Slides(幻灯片)。换句话说,你只需要用自然语言告诉 AI"帮我做一份简历"或"生成一份产品介绍",Kami 就会自动应用统一的设计规则,输出一份排版专业的文档,不需要你手动调字体、配颜色、调间距。

官方案例

Tesla 公司介绍:One-Pager 格式,单页 A4。暖米纸底色、油墨蓝强调色、Serif 字体层级,整份文档看起来像精心设计的印刷品,而不是 AI 随手生成的草稿。

Musk 简历风格:Resume 格式,严格 2 页。Kami 自动处理了字号层级、间距节奏、信息密度,让整份简历读起来舒服而不是信息堆砌。

Agent 演讲幻灯片:Slides 格式。PPT 最难的是保持视觉一致性,很多人做 PPT 时每页风格都不一样,Kami 用同一套设计语言贯穿所有页面,配色、字体、间距都保持统一。

Kaku 项目作品集:Portfolio 格式。作品集一般需要展示多个项目,每个项目都要有独立的视觉空间,Kami 用统一的卡片系统、留白节奏、图表样式,让整份作品集看起来像专业设计师做的。

这四个案例覆盖了从单页到多页、从中文到英文、从简历到幻灯片的常见场景,每个案例都遵循同一套设计规则,输出风格高度一致。

8 条不可打破的规则

市面上不缺文档生成工具,Gamma、Canva Docs、Venngage 都能做类似的事情。但 Kami 有点不太一样,它不是给你一堆模板让你选,而是强制执行一套设计系统,这套系统有 8 条不可打破的规则:

  • 画布永远是暖米纸底色 #f5f4ed,不用纯白
  • 强调色只有一种:油墨蓝 #1B365D
  • 所有灰色必须是暖调,禁止冷蓝灰
  • 英文用 Serif 字体,中文标题用 Serif、正文用 Sans
  • 字重锁定 500,不用 bold
  • 行距有严格区间:标题 1.1-1.3,正文 1.5-1.55
  • Tag 背景用实色 hex,不用 rgba
  • 阴影只用 ring 或 whisper,不用硬投影

这些规矩看着有点严甚至略显死板。为啥不用纯白色?因为纯白太刺眼、冷冰冰的,换成暖一点的米底色更贴近纸质印刷的舒服质感。也不搞冷调蓝灰色,不然看着就跟普通办公后台界面似的,完全没有精致印刷文档的感觉。就靠这种统一、不花哨的克制设计,才能保证出来的每一份文档风格都统一规整。官网有一句话总结得很好:高质量的文档读起来像文学,不像仪表盘。

为 AI Agent 设计

Kami 的另一个特点是它是为 AI Agent 设计的。这意味着你可以把它安装到 Claude Code、Codex、Claude Desktop 等 Agent 里,之后 Agent 遇到文档生成任务会自动调用 Kami 的设计规则,你不需要手动触发,也不需要记斜杠命令。直接用自然语言说"帮我做一份简历"或"生成一份产品介绍",Agent 就会自动应用 Kami 的设计系统。

安装只需要一条命令:

# Claude Code
npx skills add tw93/kami -a claude-code -g -y

# Codex
npx skills add tw93/kami -a codex -g -y

除了排版,Kami 还内置了 12 种图表类型:架构图、流程图、柱状图、环形图、时间线、对比表格、层级结构、网络拓扑等。这些图表都是内联 SVG,可以直接嵌入文档,不需要外部工具。比如你要生成一份技术架构文档,Kami 可以自动画出系统架构图;要做一份季度报告,可以自动生成柱状图对比数据。图表风格也统一遵循设计系统:暖米底色、油墨蓝线条、Serif 字体标注。

作者背景

作者做这个项目的起因是他在做美股投资时,经常让 AI 生成分析报告,每次输出的文档都像默认 Google Doc:平淡、不一致、没有记忆点。他受不了丑的文档,尤其是每份报告风格都不一样,于是开始反复调整字体、配色、间距,直到做出自己愿意读的东西。后来做演讲《The Agent You Don't Know》需要一套和文档风格一致的 slides,这轮迭代加入了内联 SVG 图表、统一暖色调、收紧编辑节奏,最终发现这套东西覆盖了所有文档需求,就独立出来成为 Kami。

Kami 是作者三部曲的一部分:Kaku(書く,写)、Waza(技,技)、Kami(紙,纸),他在构建一套完整的 AI 开发者工具链。

注意事项

中文字体商业授权:默认使用的 TsangerJinKai02 字体个人免费,商业使用需要购买授权。日语支持目前是尽力支持(best-effort),建议交付前进行视觉 QA。单一强调色:设计系统只允许油墨蓝一种彩色,如果你需要多色方案需要自己扩展。

Kami 解决的不是 AI 能不能写好,而是 AI 写完后文档能不能直接用。它靠一套简约统一的设计规范,把文档的整体视觉风格全都规整好了。

项目基于 MIT 协议开源,可以商用和二次开发。

项目地址:https://github.com/tw93/Kami

推荐文章

程序员茄子在线接单