---
id: gh-kami
name: "kami"
url: https://skills.yangsir.net/skill/gh-kami
author: tw93
domain: content-creation
tags: ["document-design", "pdf", "typography", "slides", "resume"]
install_count: 4200
rating: 4.40 (36 reviews)
github: https://github.com/tw93/kami
---

# kami

> 专业文档排版，一套设计语言覆盖简历、白皮书、一页纸、信件、作品集、slides，中英文双语模板

**Stats**: 4,200 installs · 4.4/5 (36 reviews)

## Before / After 对比

### 文档排版效率

**Before**:

手动调字体、字号、间距、配色，一份简历或白皮书反复调整 2 小时，风格仍显 SaaS 模板气，缺乏设计感

**After**:

一条命令 Claude 自动套用 Kami 设计系统：暖纸色背景、墨蓝强调色、衬线字体层级、Anthropic 风格，10 分钟产出 PDF 级文档

| Metric | Before | After | Change |
|---|---|---|---|
| 排版时间 | 120分钟 | 10分钟 | -92% |

## Readme

<div align="center">
  <img src="assets/images/logo.svg" width="120" />
  <h1>Kami</h1>
  <p><b>The paper your deliverables land on.</b></p>
  <a href="https://github.com/tw93/kami/stargazers"><img src="https://img.shields.io/github/stars/tw93/kami?style=flat-square" alt="Stars"></a>
  <a href="https://github.com/tw93/kami/releases"><img src="https://img.shields.io/github/v/tag/tw93/kami?label=version&style=flat-square" alt="Version"></a>
  <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="License"></a>
  <a href="https://twitter.com/HiTw93"><img src="https://img.shields.io/badge/follow-Tw93-red?style=flat-square&logo=Twitter" alt="Twitter"></a>
</div>

<br/>

## Why

Kami (紙, かみ) is the Japanese word for paper: the quiet surface on which a finished idea finally lands.

Most document design drifts into two failure modes: generic corporate gray, or SaaS hype gradients. Neither reads like something a person actually made with care.

Kami holds one design idea across every format: warm parchment canvas, a single ink-blue accent, serif for authority, sans for utility, editorial whitespace tuned for print. Inspired by Anthropic's visual language.

It is part of the `Kaku · Waza · Kami` trilogy: Kaku (書く) is how you write code, Waza (技) is the habits you practice, Kami (紙) is the paper your work ships on.

## Install

**Claude Code**

```bash
npx skills add tw93/kami -a claude-code -g -y
```

**Codex**

```bash
npx skills add tw93/kami -a codex -g -y
```

**Claude Desktop**

[Download ZIP](https://github.com/tw93/kami/archive/refs/heads/main.zip), open Customize > Skills > "+" > Create skill, upload the ZIP.

## See it

Just tell Claude what you need: "帮我生成一份白皮书", "生成一份项目方案", "build me a resume", "写一份推荐信", "make a slide deck for my talk", "帮我做一份作品集". The skill auto-triggers, no slash command needed.

<table>
<tr>
  <td align="center" width="25%">
    <a href="assets/demos/demo-tesla.pdf"><img src="assets/demos/demo-tesla.png" alt="Tesla company one-pager"></a>
    <br><b>One-Pager</b> · 中文
    <br><sub>Tesla 公司介绍 · 单页 · <a href="assets/demos/demo-tesla.pdf">PDF</a></sub>
  </td>
  <td align="center" width="25%">
    <a href="assets/demos/demo-agent-slides.pdf"><img src="assets/demos/demo-agent-slides-1.png" alt="Agent keynote cover" /></a>
    <a href="assets/demos/demo-agent-slides.pdf"><img src="assets/demos/demo-agent-slides-3.png" alt="Agent keynote content slide" /></a>
    <br><b>Slides</b> · English
    <br><sub>Agent keynote, 6 slides · <a href="assets/demos/demo-agent-slides.pdf">PDF</a></sub>
  </td>
  <td align="center" width="25%">
    <a href="assets/demos/demo-musk-resume.pdf"><img src="assets/demos/demo-musk-resume.png" alt="Elon Musk resume"></a>
    <br><b>Resume</b> · English
    <br><sub>Founder CV, 2 pages strict · <a href="assets/demos/demo-musk-resume.pdf">PDF</a></sub>
  </td>
  <td align="center" width="25%">
    <a href="assets/demos/demo-kaku.pdf"><img src="assets/demos/demo-kaku.png" alt="Kaku portfolio"></a>
    <br><b>Portfolio</b> · 中文
    <br><sub>Kaku 项目作品集 · 6 页 · <a href="assets/demos/demo-kaku.pdf">PDF</a></sub>
  </td>
</tr>
</table>

## Design

Six document types, each with Chinese and English variants: One-Pager, Long Doc, Letter, Portfolio, Resume, and Slides. Three inline SVG diagram primitives also ship. Kami picks the right variant based on the language you write in.

Eight invariants hold across every document:

1. Page background `#f5f4ed` parchment, not pure white
2. Single accent color: ink-blue `#1B365D`
3. All neutrals warm-toned. No `#6b7280`, no `#888`
4. English: serif for headlines and body. Chinese: serif headlines, sans body. Sans for UI elements only
5. Serif weight locked at 500. No bold headlines
6. Line-heights: tight headlines 1.1 to 1.3, dense body 1.4 to 1.45, reading body 1.5 to 1.55. Never 1.6+
7. Tag backgrounds must be solid hex. `rgba()` triggers a WeasyPrint double-rectangle bug
8. Depth via ring shadow or whisper shadow. No hard drop shadows

**Chinese fonts**: TsangerJinKai02 serif + Source Han Sans. TsangerJinKai is a commercial font, for commercial use please obtain a license from [tsanger.cn](https://tsanger.cn). Fallback: Noto Serif CJK SC, Songti SC, Georgia.

**English fonts**: Newsreader serif for headlines and body + Inter sans for UI elements only, both OFL open source. Fallback: Charter/Georgia, Helvetica Neue/Arial.

Full spec: [references/design.md](references/design.md), [references/design.en.md](references/design.en.md). Cheatsheet: [CHEATSHEET.md](CHEATSHEET.md), [CHEATSHEET.en.md](CHEATSHEET.en.md).

## Background

I invest in US equities and regularly ask AI to generate analysis reports. The output always looked like a default Google Doc: bland, inconsistent, forgettable. I can't stand ugly documents, especially when every report comes out looking different from the last one. So I kept tweaking the typography, colors, and spacing until I had something I actually wanted to read.

---
*Source: https://skills.yangsir.net/skill/gh-kami*
*Markdown mirror: https://skills.yangsir.net/api/skill/gh-kami/markdown*