본문으로 건너뛰기
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) + 单一衬线字体, 编辑级排印

nexu-io/html-anything
설치 방법 보기

이럴 때 유용합니다

  • 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(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

【模板: 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 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

article-magazine

무료

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-anything9.2천2026년 10월 13일 업데이트

article-sketchnote-editorial

무료

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-anything9.2천2026년 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-anything9.2천2026년 10월 13일 업데이트

card-twitter

무료

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-anything9.2천2026년 10월 13일 업데이트

card-xiaohongshu

무료

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-anything9.2천2026년 10월 13일 업데이트

competitive-teardown

무료

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-anything9.2천2026년 10월 13일 업데이트

nexu-io의 스킬 모두 보기

이 스킬의 문제 신고