# kami-landing

一个即插即用的技能组件，能将需求简报转化为一份适合印刷的 kami 风格一页纸——
暖色 parchment 画布、墨蓝色强调色、统一字重的衬线体，无斜体，无冷灰色调。
输出效果类似白皮书或工作室一页纸，而非应用界面。

> **请先阅读** — 代理合约、Schema 以及自检清单均位于
> [`SKILL.md`](./SKILL.md) 中。本 README 是针对人类的快速入门。

## 你会得到什么

一份独立的单文件 HTML，包含：

- **暖色 Parchment 画布**（`#f5f4ed`），绝不使用 `#ffffff`。
- **单一色相强调色** — 墨蓝色（`#1B365D`），限制在可见面积的 5% 以内。
- **字重为 500 的衬线体**用于层次结构。全篇无斜体。
- **紧凑的印刷节奏** — 行高 1.10–1.55，按语言感知的字符间距。
- **每个数字堆栈使用表格数字（tabular-nums）**。
- **纯十六进制标签填充**（不使用 `rgba()`，因为打印渲染器会双重绘制）。
- **1px 描边环 + 隐约阴影**用于深度感 — 不使用硬投影。
- **天然多语言**（可通过 `language` 参数选择 EN / zh-CN / ja 堆栈）。

## 30 秒速览

该技能是"由代理驱动、无脚本"模式：没有 `compose.ts`。代理读取 `SKILL.md`，收集需求简报，然后直接使用 [`design-systems/kami/DESIGN.md`](../../design-systems/kami/DESIGN.md) 中目录化的 token 和组件编写 `out/index.html`。

预览规范版的 Open Design 实例：

```bash
open example.html
```

开始一个新项目：

1. 在您的代理（Claude · Cursor · Codex · …）中打开该技能。
2. 回答两轮简报问题（品牌标识 + 内容）。
3. 编写文件。完成。

## 文件结构

```text
skills/kami-landing/
├── SKILL.md      # ← 代理合约（请先阅读此文件）
├── README.md     # ← 你在这里
└── example.html  # 规范版 Open Design 渲染效果
```

## 边界约束

- 无外部 JavaScript。页面是纸张，而非应用。
- 无硬投影、无拟态设计、无 `backdrop-filter`。
- 无第二强调色。无斜体。无冷蓝色调。
- 每页最多使用一个 `.tag.brush`（它是唯一被允许的渐变效果）。

## 另请参阅

- [`design-systems/kami/DESIGN.md`](../../design-systems/kami/DESIGN.md) — 完整的 token 规范。
- [`skills/kami-deck/`](../kami-deck/) — 同系列技能，用于生成同一 kami 设计语言的幻灯片。
- 上游来源：[`tw93/kami`](https://github.com/tw93/kami) — 原始 Claude 技能（MIT 许可证），本设计系统改编自该项目。