CHRONICLE
留白与极性：面向长文、卡片、幻灯片与简历的设计系统
npx skills add OwenCedaric/Chronicle -a claude-code codex cursor -g -y
复制
“文字的重量，从不在于它占据了多少像素，而在于它被多少空白所温柔托起。”
態
排版形态
长文阅读
正文阅读区宽度限制为 896px，段落字重保持 300 细体，行高设定为 1.85。提供题记、印章破折线与中轴对话框等元素，建立清晰的视觉停顿与阅读韵律。
896px 视野限制
1.85 叙事行高
中轴对话框
自适应长图 PNG
A4 矢量 PDF
适用场景：深度思考、技术论述、年度复盘与文稿归档。
社交图文卡片
支持 3:4、1:1、21:9、16:9 比例导出，根据画幅自动调整留白。封面标题强化为粗实心衬线字形，确保在移动端信息流缩略图中依然清晰可辨。
3:4 小红书 (1080x1440)
1:1 微信方图 (1200x1200)
21:9 公众号头图 (2100x900)
16:9 横版封面 (1920x1080)
适用场景：图文笔记、文章配图与分享卡片。
演示幻灯
16:9 宽屏画幅。每页使用不超过三种颜色（底色、文字与单一强调色），正文采用 300 细体与 1.8 行距。内容超出画幅时直接裁剪，不压缩字间与行间距离。
16:9 宽屏画幅
单页 ≤ 3 种颜色
1.8 行距锁定
键盘与全屏控制
16:9 幻灯 PDF
适用场景：设计理念陈述、技术分享与学术汇报。
个人简历
底色采用纯白，正文采用 400 常规字重与 1.55 紧凑行距，强化扫读抓手。经历条目结构清晰，适度留白兼顾信息密度与视觉呼吸。
纯白纸张映射
400 适读字重
1.55 紧凑行距
模块化时间线
A4 矢量 PDF
适用场景：系统架构师、工程师与设计师求职履历。
律
排版规范检查
Chronicle 在导出前通过静态检查工具（lint.mjs）核对排版规则，确保输出符合设计定义：
GATE 01
严禁两端对齐 (No Justify)
正文始终保持左对齐（flush-left, ragged-right），避免拉扯字间距造成空白河流。
GATE 02
单强调色约束 (Chromatic Austerity)
除单一强调色（#537791 / #9cb4cd）外，不引入红黄绿等警告色。
GATE 03
正文字重 300 Light
叙事段落字重保持为 300 细体；加粗字重仅用于标题与元信息。
GATE 04
行高下限保证 (Line-Height)
Page 正文行高 ≥ 1.85；Slides 锁定 1.8；Resume 锁定 ≥ 1.7。
GATE 05
避免阴影滥用 (No Drop Shadows)
正文阅读流内不使用物理投影（左对话气泡微阴影除外）。
GATE 06
视野上限限制 (Field Ceiling)
阅读核心容器最大宽度控制在 896px 以内，横向保留至少 24px 安全间隙。
用
使用方式
Chronicle 可作为命令行工具独立运行，也可配置为 Agent Skill 供 Claude Code、Cursor、Codex 等工具调用：
# 安装到 AI Agent (Claude Code / Cursor / Codex)
npx skills add OwenCedaric/Chronicle -a claude-code codex cursor -g -y
# 本地克隆开发
git clone https://github.com/OwenCedaric/Chronicle.git
cd Chronicle && pnpm install
# 编译长文排版（导出 HTML、长图与 PDF）
node skills/chronicle/scripts/deliver.mjs article.md
# 导出社交图文卡片（指定比例或全部尺寸）
node skills/chronicle/scripts/deliver.mjs article.md --aspect 3:4
node skills/chronicle/scripts/deliver.mjs article.md --aspect all
# 导出演示幻灯片
node skills/chronicle/scripts/deliver.mjs slides.md --format slides
# 导出个人简历
node skills/chronicle/scripts/deliver.mjs resume.md --format resume