Doc Kami Parchment
- 1.6k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
doc-kami-parchment is an agent skill that warm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1b365d), one serif family, and editorial-grade typography.
About
doc-kami-parchment is an agent skill from nexu-io/open-design that warm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1b365d), one serif family, and editorial-grade typography. 【模板: Kami 羊皮纸文档】 【意图】严肃排版文档: one-pager / 长报告 / 信函 / 简历 / 财报 / changelog / portfolio。Inspired by tw93/kami。强调"写得像被排过版的纸", 不是 dashboard, 不是网页。 【硬性视觉签名 — 不许改】 - **画布**: 暖羊皮纸 `#f5f4ed` (永远不用纯白 `#fff`)。次级背景 `#efeee5`。 - **墨色**: 主文字 `#1f1d18` (近黑暖灰, 不用纯黑 `#000`)。次文字 `#6b665b`。 - **唯一色彩**: 墨蓝 `#1B365D` ——所有 accent (链接、tag 描边、重点数字、引用左 rule) 只能用这一个色, 严禁多色。 Developers invoke doc-kami-parchment during build/frontend work for design & ui/ux tasks. The skill documents triggers, prerequisites, and step-by-step workflows grounded in SKILL.md. Compatible with Claude Code, Cursor, and Codex agent runtimes that load marketplace skills. Review the Security Audits panel on this listing before installing in production environments.
- 【意图】严肃排版文档: 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`)
Doc Kami Parchment by the numbers
- 1,644 all-time installs (skills.sh)
- +122 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #213 of 1,896 Design & UI/UX skills by installs in the Skillselion catalog
- Security screen: LOW risk (skills.sh audit)
- Data as of Jul 28, 2026 (Skillselion catalog sync)
doc-kami-parchment capabilities & compatibility
- Capabilities
- 【意图】严肃排版文档: one pager / 长报告 / 信函 / 简历 / 财报 / cha · 画布**: 暖羊皮纸 `#f5f4ed` (永远不用纯白 `#fff`)。次级背景 `#efee · 墨色**: 主文字 `#1f1d18` (近黑暖灰, 不用纯黑 `#000`)。次文字 `#6b · 唯一色彩**: 墨蓝 `#1b365d` ——所有 accent (链接、tag 描边、重点数字 · 英文: `charter` (fallback: `source serif pro`, `io
- Use cases
- orchestration
What doc-kami-parchment says it does
【意图】严肃排版文档: one-pager / 长报告 / 信函 / 简历 / 财报 / changelog / portfolio。Inspired by tw93/kami。强调"写得像被排过版的纸", 不是 dashboard, 不是网页。
- **画布**: 暖羊皮纸 `#f5f4ed` (永远不用纯白 `#fff`)。次级背景 `#efeee5`。
- **墨色**: 主文字 `#1f1d18` (近黑暖灰, 不用纯黑 `#000`)。次文字 `#6b665b`。
npx skills add https://github.com/nexu-io/open-design --skill doc-kami-parchmentAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.6k |
|---|---|
| repo stars | ★ 82k |
| Security audit | 3 / 3 scanners passed |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
What it does
Warm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.
Who is it for?
Developers working on design & ui/ux during build tasks.
Skip if: Tasks outside Design & UI/UX scope described in SKILL.md.
When should I use this skill?
Warm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.
What you get
Completed design & ui/ux workflow aligned with SKILL.md steps.
- parchment-styled editorial document
- A4/Letter one-pager
By the numbers
- Featured rating of 48 in the nexu-io/open-design doc catalog
- Uses 2 fixed hex colors: #f5f4ed parchment and #1B365D ink-blue
- 7 content tags: kami, parchment, serif, editorial, report, letter, one-pager
Files
【模板: 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
#d4d1c5rule, 长度受控不到边。
【可选文档类型 — 按用户内容判断】
- 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 描边。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Kami Parchment · Open Design Studio №26</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Serif+SC:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet" />
<style>
body {
font-family: 'Source Serif Pro', 'Noto Serif SC', Georgia, serif;
background: #f5f4ed;
color: #1f1d18;
}
.ink-blue { color: #1B365D; }
.meta { font-family: 'IBM Plex Mono', ui-monospace, monospace; }
.rule { border-color: #d4d1c5; }
.display { font-family: 'Source Serif Pro', 'Noto Serif SC', Georgia, serif; }
.h1-display { font-size: clamp(48px, 7vw, 96px); line-height: 1.05; letter-spacing: -0.01em; font-weight: 500; }
.tag { display: inline-block; padding: 3px 10px; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; background: #efeee5; color: #1B365D; }
</style>
</head>
<body class="min-h-screen">
<div class="max-w-[920px] mx-auto px-10 py-14">
<!-- top folio rule -->
<header class="flex items-baseline justify-between border-b rule pb-3 text-[11px] meta uppercase tracking-[0.18em]" style="color:#6b665b">
<span>KAMI · Open Design</span>
<span>Vol. 01 · Issue №26 · MMXXVI</span>
<span>Apache-2.0</span>
</header>
<!-- kicker -->
<div class="mt-12 flex items-baseline gap-3">
<span class="tag">Studio Letter</span>
<span class="meta text-[11px] uppercase tracking-[0.18em]" style="color:#6b665b">Berlin · 52.5200° N · 13.4050° E</span>
</div>
<!-- hero headline -->
<h1 class="display h1-display mt-4">
Designing <span style="font-style:italic" class="ink-blue">intelligence</span><br/>
on warm paper.
</h1>
<!-- lede -->
<p class="mt-8 text-[20px] leading-relaxed max-w-[680px]" style="color:#3a382f">
The open-source design studio for editorial documents and slide decks — typeset by your own coding agent. Pure white is a screen affordance, not a publishing convention. Paper has temperature, and so does type.
</p>
<!-- 3 columns -->
<section class="mt-14 grid grid-cols-3 gap-10 border-t rule pt-10">
<article>
<div class="meta text-[10px] uppercase tracking-[0.18em] ink-blue">01 · Pillar</div>
<h2 class="display text-[24px] font-semibold mt-2 leading-snug">Composed,<br/>not assembled.</h2>
<p class="mt-3 text-[14.5px] leading-relaxed" style="color:#3a382f">Every page is set by hand. We don't concatenate sections — we typeset them.</p>
</article>
<article>
<div class="meta text-[10px] uppercase tracking-[0.18em] ink-blue">02 · Pillar</div>
<h2 class="display text-[24px] font-semibold mt-2 leading-snug">One typeface<br/>speaks.</h2>
<p class="mt-3 text-[14.5px] leading-relaxed" style="color:#3a382f">Source Serif Pro carries every level of hierarchy. No display vs. body fights.</p>
</article>
<article>
<div class="meta text-[10px] uppercase tracking-[0.18em] ink-blue">03 · Pillar</div>
<h2 class="display text-[24px] font-semibold mt-2 leading-snug">Ring or whisper,<br/>never shout.</h2>
<p class="mt-3 text-[14.5px] leading-relaxed" style="color:#3a382f">Hairline rules, single accent, no drop shadows. The page should feel printed.</p>
</article>
</section>
<!-- pull quote -->
<blockquote class="mt-14 border-l-2 pl-5 italic" style="border-color:#1B365D">
<p class="text-[22px] leading-snug max-w-[620px]" style="color:#1f1d18">
"We release one document per fortnight, and every one of them is something we'd actually print."
</p>
<footer class="mt-3 text-[12.5px] meta uppercase tracking-[0.16em]" style="color:#6b665b">— Editorial Team · Berlin, 2026</footer>
</blockquote>
<!-- colophon -->
<footer class="mt-16 pt-6 border-t rule flex items-baseline justify-between text-[11px] meta uppercase tracking-[0.18em]" style="color:#6b665b">
<span>Set in Source Serif Pro & IBM Plex Mono</span>
<span>opendesign.studio</span>
<span>№26 / 26</span>
</footer>
</div>
</body>
</html>
Open Design Studio — Issue №26
An open-source design studio for editorial documents and slide decks — typeset by your own coding agent.
Location: Berlin · 52.5200° N, 13.4050° E Founded: MMXXVI License: Apache 2.0
What we do
We turn anyone's notes, data, and drafts into composed pages — not dashboards — using local AI agents and a small library of editorial templates. Every document is one warm parchment canvas, one ink-blue accent, one serif voice.
Why warm paper
Pure white is a screen affordance, not a publishing convention. Paper has temperature. Type has temperature. Our canvas is #f5f4ed so the eye knows it's something you might actually print.
Pillars
1. Composed, not assembled — every page is set by hand, not concatenated. 2. One typeface speaks — serif carries hierarchy; no display fonts fighting body. 3. Single accent — #1B365D ink-blue, used sparingly. 4. No shadows, no flash — ring or whisper only.
Cadence
We release one document per fortnight. Subscribe at opendesign.studio.
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109kHow it compares
Pick doc-kami-parchment over generic markdown export when the deliverable must match a fixed editorial design system rather than default GitHub styling.
FAQ
What does doc-kami-parchment do?
Warm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.
When should I use doc-kami-parchment?
During build frontend work for design & ui/ux.
Is doc-kami-parchment safe to install?
Review the Security Audits panel on this listing before production use.