kami-landing

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

请先阅读 — 代理合约、Schema 以及自检清单均位于 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 中目录化的 token 和组件编写 out/index.html。

预览规范版的 Open Design 实例：

open example.html

开始一个新项目：

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

文件结构

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

边界约束

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

另请参阅

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