doc-kami-parchment
🤖 AI Summary
This skill renders any text input into a strictly formatted, parchment-style document (canvas `#f5f4ed`, ink `#1f1d18`) using serif fonts per language, a single accent color (`#1B365D`), and no shadows, blurs, gradients, or rounded corners—ideal for one-pagers, reports, letters, or resumes that must look like printed paper, not a web dashboard.
How to Install
Claude Code:
git clone --depth 1 https://github.com/nexu-io/open-design.git && cp open-design/skills/doc-kami-parchment ~/.claude/skills/doc-kami-parchment -r【模板: Kami 羊皮纸文档】
【意图】严肃排版文档: one-pager / 长报告 / 信函 / 简历 / 财报 / changelog / portfolio。Inspired by tw93/kami。强调"写得像被排过版的纸", 不是 dashboard, 不是网页。
【硬性视觉签名 — 不许改】
- **画布**: 暖羊皮纸 `#f5f4ed` (永远不用纯白 `#fff`)。次级背景 `#efeee5`。
- **墨色**: 主文字 `#1f1d18` (近黑暖灰, 不用纯黑 `#000`)。次文字 `#6b665b`。
- **唯一色彩**: 墨蓝 `#1B365D` ——所有 accent (链接、tag 描边、重点数字、引用左 rule) 只能用这一个色, 严禁多色。
- **字体**: 一种语言一种衬线, 全文不混用:
- 英文: `Charter` (fallback: `Source Serif Pro`, `Iowan Old Style`)
- 中文: `TsangerJinKai02 W04` (fallback: `Noto Serif SC`)
- 日文: `YuMincho` (fallback: `Noto Serif JP`)
- Body 400, Heading 500 (不要 700/800/900)。
- **行高**: 标题 1.1–1.3, 紧凑正文 1.4–1.45, 阅读型正文 1.5–1.55。
- **绝不**: drop-shadow / blur / 圆角 ≥ 8px / 渐变 / 霓虹色 / rgba (用 solid hex)。
- **细节**: tag 用 solid hex 背景方块 (因为 WeasyPrint 不渲染 rgba 好); 单线几何 icon; 边缘 1px hairline `#d4d1c5` rule, 长度受控不到边。
【可选文档类型 — 按用户内容判断】
- **One-Pager** — 顶 logotype (Charter italic) + 标题 + lede + 3 列要点 + 底脚 metadata。
- **Long Doc** — 封面页 (大标题 + 副标 + 作者 + 日期) → 目录 (kicker + page no.) → 章节 (folio 顶角 + section rule + body) → 注释脚注 + 文末 colophon。
- **Letter** — 抬头地址 + 日期 + 收件人 + 正文 (左对齐, 段间空 1.5em) + 署名 + 签名占位线。
- **Portfolio** — 项目 hero (大标题 + sub) + 1 张全幅图 (用 CSS 块绘制占位) + 项目描述 + 角色 / 时间 / stack 元数据 row。
- **Resume** — 顶部姓名 (大字) + tagline 一行 + contact row + 主要 section: experience (公司 / 时间 / 职位 / bullets) + skills + education。
- **Slides** — keynote 风, 页数由【用户内容】决定 (短内容 6 页起步, 长内容应更多), 每页满铺羊皮纸, 大标题 + lede + 角标 page no., 简洁到只有"被印出来"的感觉。
- **Equity Report** — 公司名 + ticker + Q × 年份 + key metrics row (revenue / margin / yoy) + body 分析 + 图表 (SVG 单色折线)。
- **Changelog** — 版本号 (Charter italic 大字) + 日期 + 改动列表 (Added / Changed / Fixed), 单 rule 分隔。
【设计准则】
- "Composed pages, not dashboards." 不要堆 KPI 卡, 不要堆 emoji 图标, 不要 hero gradient。
- "Ring or whisper only, no hard drop shadows." 阴影只能是 `0 0 0 1px #d4d1c5` 这种 hairline 描边。
- 文字层级靠**衬线对比 + 字号 + 留白**, 不靠颜色。
- 单文件 HTML, 用 Tailwind CDN; 全文中英混排时加盘古之白; 不要外链图片, 占位用 paper-tint 色块 + 1px ink 描边。
Details
| Category | Design → ui |
| Source | nexu-io/open-design |
| SKILL.md | View on GitHub → |
| Repo Stars | ★ 70.0K |
| Est. per Skill | 503 (shared across 139 skills from this repo) |
| Difficulty | Intermediate |
| Risk Level | N/A |
Related Skills
Styleseed
- Color discipline — 2A2A2A as refined black, 5-level grayscale, one accent color maximum - Spatial
crewai
CrewAI Expert in CrewAI - the leading role-based multi-agent framework used by 60% of Fortune 500 co
decision-navigator
Decision Navigator Help users who feel stuck or overwhelmed by guiding them through a structured bra
videodb-skills
VideoDB Skills Purpose The only video skill your agent needs. Upload any video, connect real-time st
Works Well With
Skills from the same repository — often designed to work together
8-bit-orbit-video-template
Hyperframes Video Template Ship a premium template-mode Hyperframes composition with a ready default
ad-creative
ad-creative > Curated from Corey Haines. What it does Generate and iterate ad creative including hea
after-hours-editorial-template
After Hours Editorial Template Produce a self-contained HTML editorial motion artifact in a dark lux