{"id":"552d80eb-c428-416e-8c31-46558f222072","shortId":"5RqZFC","kind":"skill","title":"kami-deck","tagline":"Produce a print-grade slide deck in the kami (紙 / 纸) design system — warm parchment background (or ink-blue for cover / chapter slides), serif at one weight, ink-blue accent ≤ 5% per slide, no italic. Horizontal magazine swipe pagination (←/→ · wheel · swipe · ESC overview). One ","description":"# kami-deck\n\nSister skill to [`kami-landing`](../kami-landing/). Produces a single\nself-contained HTML file: a horizontal magazine-style swipe deck in\nthe **kami (紙 / 纸)** design system — print rhythm, ink-blue accent,\nserif at one weight, no italic, no cool grays.\n\nThe navigation model is intentionally borrowed from the\n[`guizang-ppt`](../guizang-ppt/) skill — `←/→` arrow keys, wheel /\nswipe, ESC for the overview grid. The aesthetic stays kami: parchment\ncontent slides, ink-blue cover and chapter slides, serif everywhere.\n\n> **Design system source of truth:**\n> [`design-systems/kami/DESIGN.md`](../../design-systems/kami/DESIGN.md).\n> Read it before shipping. Tokens, type rules, and forbidden colors\n> all live there. Slide-specific scale ratios (macro × 1.6,\n> letter-spacing × 0.6 vs. print) are documented in §3 \"Hierarchy\"\n> and §5 \"Layout Principles · Slides\".\n\n## What you get\n\n- N viewport-sized slides (6-15 is the sweet spot) laid out\n  horizontally on one transformed flex track.\n- **Cover and chapter slides** flip background to ink-blue\n  (`#1B365D`) with ivory text — the only place dark theme is used.\n- **Content / stats / quote / CTA slides** stay on parchment\n  (`#f5f4ed`) with serif at weight 500.\n- **Per-slide chrome strip**: brand mark · deck title · live slide\n  counter (`01 / 09`).\n- **Tabular-nums** on every counter, metric, page number.\n- **Coral-free** — kami's accent is ink-blue. Progress bar and dot\n  nav are ink-blue too.\n- **Keyboard / wheel / touch nav**, ESC overview grid, dot indicator.\n- **Multilingual stack** — EN / zh-CN / ja, set on `:root` via\n  the `language` parameter.\n\n## Slide types\n\n| Kind        | Background | Use it for                                                |\n| :---------- | :--------- | :-------------------------------------------------------- |\n| `cover`     | ink-blue   | Title plate at the start. Centered serif title + tagline. |\n| `chapter`   | ink-blue   | Roman/Arabic numeral chapter divider.                     |\n| `content`   | parchment  | Section number + title + body + optional bullets.         |\n| `stats`     | parchment  | 3-4 metric cells (value · label · sub).                   |\n| `quote`     | parchment  | Pull quote with ink-blue left rule + author signature.    |\n| `cta`       | parchment  | Closing pitch + 1-2 buttons.                              |\n| `end`       | ink-blue   | Mega serif kicker word + colophon footer.                 |\n\nA typical 11-slide deck:\n\n```\n1. cover     — ink-blue title plate\n2. chapter   — \"01 / Why now\"\n3. content   — manifesto\n4. content   — capabilities + bullets\n5. stats     — 4 numbers\n6. chapter   — \"02 / How it feels\"\n7. content   — method\n8. content   — selected work\n9. quote     — testimonial\n10. cta      — primary action\n11. end      — ink-blue kicker\n```\n\n## Workflow\n\n### 1. Gather the brief\n\nAsk in two rounds (don't dump the whole list at once):\n\n1. Identity round — name, mark, tagline, location, edition, language.\n2. Content round — for each slide, kind + the typed fields.\n\n### 2. Pick the language stack\n\nSame as [`kami-landing`](../kami-landing/SKILL.md#2-pick-the-language-stack):\nEN → Charter, zh-CN → TsangerJinKai02 / Source Han Serif, ja →\nYuMincho. JA also overrides `--olive` to `#4d4c48` because YuMincho\nstrokes are thinner.\n\n### 3. Write `index.html`\n\nOutput a single file with all CSS inline. Mirror the structure of\n[`example.html`](./example.html). Use only the tokens from\n`design-systems/kami/DESIGN.md`.\n\nThe runtime script (keyboard / wheel / touch nav, dot indicator,\nprogress bar, ESC overview) should match the model documented in\n[`open-design-landing-deck/scripts/compose.ts`](../open-design-landing-deck/scripts/compose.ts).\nDo **not** reuse the open-design-landing-deck CSS; the visual\nlanguage is different.\n\n### 4. Self-check\n\n- [ ] All cover / chapter / end slides use ink-blue background\n      (`#1B365D`) with ivory text. All other slides are on\n      parchment.\n- [ ] Ink-blue covers ≤ 5% of any parchment slide's surface.\n- [ ] Slide titles use serif weight 500 only. No italic.\n- [ ] All numeric stacks (counter, metrics, page numbers) carry\n      `font-variant-numeric: tabular-nums`.\n- [ ] Press `→` / `Space` / scroll. Smoothly slides one viewport\n      to the right; dot nav advances; the ink-blue progress bar\n      ticks forward.\n- [ ] Press `Esc`. Overview grid appears with scaled thumbnails.\n- [ ] Resize to 1080px and 640px. Cover / content collapse to a\n      single column; dot nav still works.\n- [ ] Lighthouse: contrast AA, font-display swap, no layout shift.\n\n## Boundaries\n\n- **Do not** introduce a second accent color. Pick ink-blue or\n  pick nothing.\n- **Do not** use italic anywhere — emphasis swaps to ink-blue.\n- **Do not** use `rgba()` for tag fills; pre-blend over parchment\n  and use solid hex from the table in\n  `design-systems/kami/DESIGN.md` §2.\n- **Do not** add a router. This is a single-file artifact.\n- **Do not** reuse Atelier Zero collage imagery (the open-design-landing\n  visual system). Kami is gradient-free, image-light, and hierarchy\n  is carried by type.\n\n## See also\n\n- [`kami-landing`](../kami-landing/) — long-form one-pager sister skill.\n- [`design-systems/kami/DESIGN.md`](../../design-systems/kami/DESIGN.md) — token spec.\n- [`open-design-landing-deck`](../open-design-landing-deck/) — same\n  horizontal swipe nav model, different visual language (Atelier Zero).\n- Upstream: [`tw93/kami`](https://github.com/tw93/kami) — original\n  Claude skill (MIT). Kami's slides.py template documents the macro\n  × 1.6 / micro × 0.6 ratios this skill applies.","tags":["kami","deck","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design"],"capabilities":["skill","source-nexu-io","skill-kami-deck","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/kami-deck","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 36607 github stars · SKILL.md body (5,586 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-11T06:52:24.766Z","embedding":null,"createdAt":"2026-05-04T12:53:12.333Z","updatedAt":"2026-05-11T06:52:24.766Z","lastSeenAt":"2026-05-11T06:52:24.766Z","tsv":"'-15':191 '-2':367 '-4':344 '/../design-systems/kami/design.md':145,798 '/example.html':524 '/guizang-ppt':109 '/kami-landing':60,785 '/kami-landing/skill.md':479 '/kami/design.md':144,533,738,797 '/open-design-landing-deck':806 '/open-design-landing-deck/scripts/compose.ts':559 '/scripts/compose.ts':558 '/tw93/kami)':821 '0.6':169,835 '01':251,393 '02':409 '09':252 '1':366,384,434,450 '1.6':165,833 '10':423 '1080px':665 '11':381,427 '1b365d':214,589 '2':391,459,469,480,739 '3':175,343,396,508 '4':399,405,575 '4d4c48':502 '5':37,178,403,603 '500':238,615 '6':190,407 '640px':667 '7':413 '8':416 '9':420 'aa':681 'accent':36,88,267,695 'action':426 'add':742 'advanc':646 'aesthet':121 'also':498,781 'anywher':708 'appear':659 'appli':839 'arrow':111 'artifact':751 'ask':438 'ateli':755,815 'author':360 'background':20,209,308,588 'bar':273,544,652 'blend':724 'blue':24,35,87,129,213,271,280,315,328,357,372,388,431,587,601,650,700,714 'bodi':338 'borrow':103 'boundari':689 'brand':244 'brief':437 'bullet':340,402 'button':368 'capabl':401 'carri':626,777 'cell':346 'center':321 'chapter':27,132,206,325,331,392,408,581 'charter':487 'check':578 'chrome':242 'claud':823 'close':364 'cn':296,490 'collag':757 'collaps':670 'colophon':377 'color':155,696 'column':674 'contain':66 'content':125,225,333,397,400,414,417,460,669 'contrast':680 'cool':96 'coral':263 'coral-fre':262 'counter':250,258,622 'cover':26,130,204,312,385,580,602,668 'css':517,569 'cta':228,362,424 'dark':221 'deck':3,10,53,75,246,383,557,568,805 'design':16,81,136,142,531,555,566,736,762,795,803 'design-system':141,530,735,794 'differ':574,812 'display':684 'divid':332 'document':173,551,830 'dot':275,289,541,644,675 'dump':444 'edit':457 'emphasi':709 'en':293,486 'end':369,428,582 'esc':48,115,286,545,656 'everi':257 'everywher':135 'example.html':523 'f5f4ed':233 'feel':412 'field':468 'file':68,514,750 'fill':721 'flex':202 'flip':208 'font':628,683 'font-display':682 'font-variant-numer':627 'footer':378 'forbidden':154 'form':788 'forward':654 'free':264,770 'gather':435 'get':184 'github.com':820 'github.com/tw93/kami)':819 'grade':8 'gradient':769 'gradient-fre':768 'gray':97 'grid':119,288,658 'guizang':107 'guizang-ppt':106 'han':493 'hex':730 'hierarchi':176,775 'horizont':42,70,198,808 'html':67 'ident':451 'imag':772 'image-light':771 'imageri':758 'index.html':510 'indic':290,542 'ink':23,34,86,128,212,270,279,314,327,356,371,387,430,586,600,649,699,713 'ink-blu':22,33,85,127,211,269,278,313,326,355,370,386,429,585,599,648,698,712 'inlin':518 'intent':102 'introduc':692 'ital':41,94,618,707 'ivori':216,591 'ja':297,495,497 'kami':2,13,52,58,78,123,265,477,766,783,826 'kami-deck':1,51 'kami-land':57,476,782 'key':112 'keyboard':282,537 'kicker':375,432 'kind':307,465 'label':348 'laid':196 'land':59,478,556,567,763,784,804 'languag':303,458,472,484,572,814 'layout':179,687 'left':358 'letter':167 'letter-spac':166 'light':773 'lighthous':679 'list':447 'live':157,248 'locat':456 'long':787 'long-form':786 'macro':164,832 'magazin':43,72 'magazine-styl':71 'manifesto':398 'mark':245,454 'match':548 'mega':373 'method':415 'metric':259,345,623 'micro':834 'mirror':519 'mit':825 'model':100,550,811 'multilingu':291 'n':185 'name':453 'nav':276,285,540,645,676,810 'navig':99 'noth':703 'num':255,633 'number':261,336,406,625 'numer':330,620,630 'oliv':500 'one':31,50,91,200,639,790 'one-pag':789 'open':554,565,761,802 'open-design-land':760 'open-design-landing-deck':553,564,801 'option':339 'origin':822 'output':511 'overrid':499 'overview':49,118,287,546,657 'page':260,624 'pager':791 'pagin':45 'paramet':304 'parchment':19,124,232,334,342,351,363,598,606,726 'per':38,240 'per-slid':239 'pick':470,482,697,702 'pick-the-language-stack':481 'pitch':365 'place':220 'plate':317,390 'ppt':108 'pre':723 'pre-blend':722 'press':634,655 'primari':425 'principl':180 'print':7,83,171 'print-grad':6 'produc':4,61 'progress':272,543,651 'pull':352 'quot':227,350,353,421 'ratio':163,836 'read':146 'resiz':663 'reus':562,754 'rgba':718 'rhythm':84 'right':643 'roman/arabic':329 'root':300 'round':441,452,461 'router':744 'rule':152,359 'runtim':535 'scale':162,661 'script':536 'scroll':636 'second':694 'section':335 'see':780 'select':418 'self':65,577 'self-check':576 'self-contain':64 'serif':29,89,134,235,322,374,494,613 'set':298 'shift':688 'ship':149 'signatur':361 'singl':63,513,673,749 'single-fil':748 'sister':54,792 'size':188 'skill':55,110,793,824,838 'skill-kami-deck' 'slide':9,28,39,126,133,160,181,189,207,229,241,249,305,382,464,583,595,607,610,638 'slide-specif':159 'slides.py':828 'smooth':637 'solid':729 'sourc':138,492 'source-nexu-io' 'space':168,635 'spec':800 'specif':161 'spot':195 'stack':292,473,485,621 'start':320 'stat':226,341,404 'stay':122,230 'still':677 'strip':243 'stroke':505 'structur':521 'style':73 'sub':349 'surfac':609 'swap':685,710 'sweet':194 'swipe':44,47,74,114,809 'system':17,82,137,143,532,737,765,796 'tabl':733 'tabular':254,632 'tabular-num':253,631 'tag':720 'taglin':324,455 'templat':829 'testimoni':422 'text':217,592 'theme':222 'thinner':507 'thumbnail':662 'tick':653 'titl':247,316,323,337,389,611 'token':150,528,799 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'touch':284,539 'track':203 'transform':201 'truth':140 'tsangerjinkai02':491 'tw93/kami':818 'two':440 'type':151,306,467,779 'typic':380 'upstream':817 'use':224,309,525,584,612,706,717,728 'valu':347 'variant':629 'via':301 'viewport':187,640 'viewport-s':186 'visual':571,764,813 'vs':170 'warm':18 'weight':32,92,237,614 'wheel':46,113,283,538 'whole':446 'word':376 'work':419,678 'workflow':433 'write':509 'yumincho':496,504 'zero':756,816 'zh':295,489 'zh-cn':294,488 '紙':14,79 '纸':15,80","prices":[{"id":"307666a0-9d46-466a-b2a2-25c1eb14b91f","listingId":"552d80eb-c428-416e-8c31-46558f222072","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-04T12:53:12.333Z"}],"sources":[{"listingId":"552d80eb-c428-416e-8c31-46558f222072","source":"github","sourceId":"nexu-io/open-design/kami-deck","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/kami-deck","isPrimary":false,"firstSeenAt":"2026-05-04T12:53:12.333Z","lastSeenAt":"2026-05-11T06:52:24.766Z"},{"listingId":"552d80eb-c428-416e-8c31-46558f222072","source":"skills_sh","sourceId":"nexu-io/open-design/kami-deck","sourceUrl":"https://skills.sh/nexu-io/open-design/kami-deck","isPrimary":true,"firstSeenAt":"2026-05-07T20:44:56.217Z","lastSeenAt":"2026-05-07T22:43:05.961Z"}],"details":{"listingId":"552d80eb-c428-416e-8c31-46558f222072","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"kami-deck","github":{"repo":"nexu-io/open-design","stars":36607,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-11T06:48:43Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"7808acad182871c19df21c114ee346aab8ecadb5","skill_md_path":"skills/kami-deck/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/kami-deck"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"kami-deck","description":"Produce a print-grade slide deck in the kami (紙 / 纸) design system — warm parchment background (or ink-blue for cover / chapter slides), serif at one weight, ink-blue accent ≤ 5% per slide, no italic. Horizontal magazine swipe pagination (←/→ · wheel · swipe · ESC overview). One self-contained HTML file, zero dependencies beyond Google Fonts."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/kami-deck"},"updatedAt":"2026-05-11T06:52:24.766Z"}}