Produces a self-contained HTML slide deck in the kami (紙) design system: warm parchment content slides, ink-blue cover and chapter dividers, one serif weight, no italic, accent color held under 5% per slide. Navigation is horizontal magazine style with arrow keys, wheel, swipe, and ESC overview grid. Built for print-first presentations where you want typographic restraint instead of animation. Ships with multilingual support (English uses Charter, Chinese uses TsangerJinKai, Japanese uses YuMincho) and seven slide types from cover to stats to quote cards. The design tokens and forbidden colors are documented in the kami design system spec, which you should read before shipping because this is meant to feel like editorial layout, not PowerPoint.

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

Install

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

Installs into .claude/skills of the current project.

Files

kami-deck

Sister skill to kami-landing. Produces a single self-contained HTML file: a horizontal magazine-style swipe deck in the kami (紙 / 纸) design system — print rhythm, ink-blue accent, serif at one weight, no italic, no cool grays.

The navigation model is intentionally borrowed from the guizang-ppt skill — ←/→ arrow keys, wheel / swipe, ESC for the overview grid. The aesthetic stays kami: parchment content slides, ink-blue cover and chapter slides, serif everywhere.

Design system source of truth: design-systems/kami/DESIGN.md. Read it before shipping. Tokens, type rules, and forbidden colors all live there. Slide-specific scale ratios (macro × 1.6, letter-spacing × 0.6 vs. print) are documented in §3 "Hierarchy" and §5 "Layout Principles · Slides".

What you get

Sponsors

Details

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

More from nexu-io/open-design

All 217
1nexu-io avatarkami-landingnexu-io/open-designProduce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output read132skills.sh installs
2pedronauck 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
3anthropics 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
4aden-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
5agentworkforce 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
6agnosticui avatarcheck-accessibilityagnosticui/agnosticuiReview component for accessibility issues0skills.sh installs