kami-landing

一个即插即用的技能，可将简报转化为印刷级质量的 kami 单页文档—— 暖羊皮纸画布、墨蓝色强调色、单一字重的衬线字体，无 斜体，无冷灰色。输出结果读起来像白皮书或工作室 单页文档，而非应用界面。

请先阅读 —— 智能体合约、模式与自检清单位于 SKILL.md 中。本 README 是面向人类的快速入门指南。

你将获得

一个独立的 HTML 文件，包含：

• 暖羊皮纸画布（#f5f4ed），绝不用 #ffffff。
• 单一色彩强调色 —— 墨蓝色（#1B365D），限制在 可见表面的 ≤ 5% 范围内。
• 字重为 500 的衬线字体用于层级结构。任何位置均无斜体。
• 紧凑的印刷节奏 —— 行高 1.10–1.55，支持语言感知的 字间距。
• 表格数字应用于所有数字堆叠。
• 纯十六进制标签填充（不使用 rgba()，因为打印渲染器 会双重绘制）。
• 1px 描边 + 微阴影用于表现深度 —— 无硬投影。
• 多语言设计（可通过 language 参数选择 EN / zh-CN / ja 堆叠）。

30 秒快速了解

该技能是"智能体驱动，无需脚本"：没有 compose.ts。智能体 读取 SKILL.md，收集简报，然后直接使用 design-systems/kami/DESIGN.md 中编录的令牌和组件编写 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 —— 完整的令牌规范。
• skills/kami-deck/ —— 同级技能，用于生成 使用相同 kami 语言的幻灯片组。
• 上游：tw93/kami —— 原始 Claude 技能（MIT 许可证），设计系统改编自该项目。