Skip to main content
affpapa.org
RU EN
skill CX Codex

kami-document-design — Claude Code skill: Kami-styled documents

A skill that locks generated resumes, slides, letters and white papers into one editorial look. Useful when you want a clean PDF without hand-building the layout.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add reason-machines/trending-skills --skill kami-document-design -a claude-code
Open on GitHub

What kami-document-design does

Kami is a constraint system for print documents, not a UI kit. The agent reads a fixed spec and writes self-contained HTML, which is then rendered to PDF with WeasyPrint or the browser's print dialog. The palette is narrow on purpose: parchment canvas #f5f4ed, a single ink-blue accent #1B365D, serif at weight 500 with no bold anywhere.

Six document types are covered: one-pager, long doc or white paper, letter, portfolio, resume and a 4–8 slide deck. Each ships in a Chinese and an English variant, picked from the language you write in. No slash command is involved — plain phrasing is enough to wake the skill up.

Chinese typography leans on TsangerJinKai02, which is free for personal projects but needs a paid license from tsanger.cn for commercial work. The English pair, Newsreader and Inter, sit under OFL. One gotcha worth knowing: give tag backgrounds a solid hex value, since rgba() triggers a double-rectangle rendering bug in WeasyPrint.

What it helps with

  • produce a resume that matches one house style
  • lay out a white paper from existing copy
  • build a keynote-style slide deck
  • format a recommendation letter
  • assemble a multi-page project portfolio

Example prompts for the agent

  • Make me a resume in the Kami style, pull the details from cv.md
  • Build a one-pager about our product and export it to PDF
  • Turn this draft into a polished white paper

How to install kami-document-design

1Skills CLI (Vercel)

npx skills add reason-machines/trending-skills --skill kami-document-design -a claude-code

2Manually: put the files in place

~/.claude/skills/kami-document-design/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/kami-document-design/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about kami-document-design

How do I install kami-document-design in Claude Code?

Run npx skills add reason-machines/trending-skills --skill kami-document-design -a claude-code. The skill file lands at ~/.claude/skills/kami-document-design/SKILL.md.

What does kami-document-design do?

It hands the agent a fixed set of layout rules — canvas colour, accent, fonts, line heights — and the result is self-contained HTML ready for PDF printing.

Which fonts does the skill need?

English documents use Newsreader and Inter, both OFL. Chinese documents use TsangerJinKai02 and Source Han Sans; TsangerJinKai02 is free for personal use, while commercial use requires a license from tsanger.cn.

Similar skills

Everything for Design →
frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. 1,424,476installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. CX Codex +1 678,700installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. 986,201installs grilling Matt Pocock Stress-test a plan, decision, or idea through structured rounds of questions. Use it when you need to expose assumptions before acting. 979,543installs codebase-design Matt Pocock This skill helps design modules with small interfaces and hidden complexity. Use it when refactoring code, choosing a seam, or making tests easier to write. 850,344installs

From the same set139

pgque-postgres-queue A skill that walks you through PgQue, a snapshot-based Postgres queue written in pure PL/pgSQL. Useful when events need to move inside the database. CX Codex +1 400installs aube-package-manager Guidance for using aube, a Rust-based Node.js package manager, across dependencies, workspaces, CI, and migrations from other package managers. CX Codex +1 392installs create-simulated-aeronautics-mod This skill covers development for Create Simulated, from force-providing blocks to physics contraptions. Use it when building Minecraft planes, airships, or land vehicles. CX Codex +1 391installs mdv-markdown-visualization This skill gets your agent writing .mdv files, a Markdown superset with charts, KPI cards and HTML or PDF export. CX Codex +1 390installs permiso-accessibility-permissions A skill for coding agents that shows how to add a guided macOS accessibility permission panel to a Swift app. CX Codex +1 386installs text-to-cad-harness This skill has your coding agent write build123d Python parts from a description, export them as STEP, STL or URDF, and open the geometry in a local viewer. CX Codex +1 380installs gpt2api-openai-gateway This skill walks your agent through deploying a self-hosted Anthropic-compatible gateway over chatgpt.com and wiring up an account pool. CX Codex +1 378installs openai-privacy-filter A skill that wires a token-classification model into your project to find and blank out personal data. Useful before shipping logs or documents to an LLM. CX Codex +1 369installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor