If you need a single-page document that looks like it came off a letterpress instead of a SaaS landing page, this is it. Warm parchment background, ink-blue accents capped at 5% of the surface, one serif weight, no italics anywhere. The output is a self-contained HTML file with inline CSS and zero dependencies beyond Google Fonts. It handles English, Simplified Chinese, and Japanese with appropriate type stacks for each. The structure is fixed: eyebrow, hero, manifesto block with left rule, metric tiles, numbered chapters, footer with three-column index. Think white paper or studio one-pager, not marketing site. The agent will prompt you for brand identity and content in two rounds, then assemble everything according to a tight design spec.

skills.sh installs
132
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill kami-landing --agent claude-code

Installs into .claude/skills of the current project.

Files

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. 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:

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Frontend Development, Design & UI/UX
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1pedronauck avatartanstack-query-best-practicespedronauck/skillsTanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applica117skills.sh installs
2anthropics avatarHook Developmentanthropics/claude-codeThis skill should be used when the user asks to "create a hook", "add a PreToolUse/PostToolUse/Stop hook", "validate tool use", "implement prompt-based hooks", 1skills.sh installs
3aden-hive avatarbrowser-edge-casesaden-hive/hiveSOP for debugging browser automation failures on complex websites. Use when browser tools fail on specific sites like LinkedIn, Twitter/X, SPAs, or sites with S0skills.sh installs
4agentworkforce avatarimplementing-command-palettesagentworkforce/relayThis covers the mechanical details of building Cmd+K command palettes in React without the infinite re-render headaches.0skills.sh installs
5agnosticui avatarcheck-accessibilityagnosticui/agnosticuiReview component for accessibility issues0skills.sh installs
6agnosticui avatarimplement-ag-playbookagnosticui/agnosticuiImplement a playbook from its PROMPT specification files. Supports both single-framework (PROMPT-REACT.md, etc.) and 3-framework (PROMPT-3-FRAMEWORKS.md) modes.0skills.sh installs