Agent skill · Frontend

kami-landing

Produce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.

nexu95,528★ · +2,037/wk · 5 repos on radarProfile →
claude-codecodexcursorApache-2.0
Install
npx skills add nexu-io/open-design --skill kami-landing --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 3
SKILL.md size: 9 KB
Bundled scripts: none
Path: design-templates/kami-landing/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 83,577 · +1,339 this week
Language: TypeScript
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# kami-landing Produce a single-page document in the **kami (紙 / 纸)** design system. The aesthetic borrows from editorial print, technical white papers, and old typewritten correspondence — the goal is *good content on good paper*, not *modern app UI*. > **Design system source of truth:** [`design-systems/kami/DESIGN.md`](../../design-systems/kami/DESIGN.md). > Read it before shipping. Tokens, type rules, the "ten invariants", > and forbidden colors all live there. ## What you get A single self-contained HTML file with: - **Warm parchment canvas** (`#f5f4ed`) — never `#ffffff`. - **Single chromatic accent** — ink-blue (`#1B365D`), used on the section number, the headline accent word, the left rule of the manifesto, and the metric values. Anywhere else, ink-blue must cover ≤ 5% of the document surface area. - **Serif at one weight (500) for hierarchy** — Charter (EN), TsangerJinKai02 / Source Han Serif (CN), or YuMincho (JA), selected by the `language` parameter. **No italic anywhere.** - **Tight print rhythm** — line-heights 1.10–1.55, letter-spacing per language (0 for EN, 0.35px for CN, 0.02em for JA). - **Numeric stacks set in `font-variant-numeric: tabular-nums`** so metric col

What's inside
Steps it walks through
  1. What you get
  2. Page structure
  3. Workflow contract
  4. 1. Gather brand brief
  5. 2. Pick the language stack
  6. 3. Write index.html
  7. 4. Self-check before delivering
  8. Files in this skill
  9. Boundaries
  10. See also
Ships with 2 files
  • README.md
  • example.html
More from open-design
All skills →
About this skill
What does the kami-landing skill do?

Produce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.

How do I install it?

Run `npx skills add nexu-io/open-design --skill kami-landing --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From nexu-io/open-design, a repository with 83,577 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going