跳到正文
cccskills
免费在 GitHub 公开

doc-kami-parchment

Create documents with a warm parchment background, ink-blue accents, and serif typography. Layouts cover one-page summaries, reports, letters, resumes, and more, using type size and spacing to give each page a composed, print-like appearance.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体, 编辑级排印

查看安装方法

适用场景

  • Designing a one-page summary
  • Formatting a long report
  • Preparing a letter or resume
  • Presenting portfolio projects

包含的文件(3)

  • SKILL.md3.6 KB
  • example.html4.2 KB
  • example.md1.1 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

【模板: 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 描边。

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Format long articles for blogs and newsletters with a magazine-style layout inspired by Substack and Medium. A centered text column, contrasting headings, styled quotations, and labeled code blocks give readers clear visual cues throughout the page.

中文简介正在准备中。当前显示英语简介。

  • Formatting a long blog article
  • Preparing an essay or newsletter for publication
  • Laying out articles with quotations and code examples
nexu-io/html-anything92022026年10月13日 更新

Turn a concept’s origins into a magazine-style visual story. Six distinct layouts combine diagrams, annotations, and typography to trace a concrete problem through failed attempts and a turning point, revealing the concept’s name at the end.

中文简介正在准备中。当前显示英语简介。

  • Illustrating how a concept emerged
  • Creating visual learning materials about failed attempts
  • Presenting a concept’s history as a magazine feature
nexu-io/html-anything92022026年10月13日 更新

blog-post

免费

Create magazine-style pages for long blog posts, essays, and case studies. The layout combines readable single-column text with a prominent title, captioned figures, highlighted quotations, author details, and related article cards.

中文简介正在准备中。当前显示英语简介。

  • Designing a long-form blog page
  • Presenting an essay with magazine-style typography
  • Laying out a case study with figures and quotations
nexu-io/html-anything92022026年10月13日 更新

Create a landscape card for an X post, featuring a short quote, insight, or data point. The layout combines prominent text with attribution, a handle, a category label, and a brand watermark.

中文简介正在准备中。当前显示英语简介。

  • Sharing a quote with author attribution on X
  • Highlighting a data point in a social post
  • Creating branded cards for short insights
nexu-io/html-anything92022026年10月13日 更新

Create a series of Xiaohongshu-style knowledge cards with a cover, focused content cards, and a closing summary. Soft colors, large text, and spacious layouts make the cards suitable for mobile reading and screenshots for social posts.

中文简介正在准备中。当前显示英语简介。

  • Turn practical tips into a series of social media cards
  • Explain one key idea per card for mobile readers
  • Prepare card layouts for social post screenshots
nexu-io/html-anything92022026年10月13日 更新

Turn supplied competitor research into a product strategy report. Compare positioning, features, pricing, and user feedback, then identify opportunities and propose actions for the next 30, 90, and 180 days, while marking missing evidence.

中文简介正在准备中。当前显示英语简介。

  • Comparing competitors to guide product decisions
  • Reviewing pricing and plan differences
  • Turning research notes into a strategy report
nexu-io/html-anything92022026年10月13日 更新

查看 nexu-io 的全部技能

报告此技能的问题