{"id":"c9286222-3e51-4e6f-82fd-62f7c1ade979","shortId":"pNSW7j","kind":"skill","title":"html-ppt-zhangzara-stencil-tablet","tagline":"Stencil & Tablet — Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand. Anything that should feel archival, tactile, and weighty-graphic: museum and cultural-institution decks, art / architecture brands, longform research, heritage and cra","description":"# Stencil & Tablet\n\n> Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand.\n\nA single self-contained HTML deck — typography, palette, decorative system,\nand slide vocabulary are all tuned together. Mixing layouts across templates\nbreaks the system; stay inside this one.\n\n## At a glance\n\n- **Scheme:** light\n- **Formality:** medium-high\n- **Density:** medium\n- **Slides in demo:** 11\n\n## Best for\n\nAnything that should feel archival, tactile, and weighty-graphic: museum and cultural-institution decks, art / architecture brands, longform research, heritage and craft brands, manifestos. A great choice anytime — including across tech and business — when you want the deck to feel like a field manual rather than a slide deck.\n\n## Avoid for\n\nContexts that demand digital-native polish or playful pop — the stencil-cut display and earth-tone palette commit to a deliberate analog feel.\n\n## Workflow\n\n1. **Clone `example.html` AND the `assets/` folder** into the user's workspace.\n   This template ships an `assets/deck-stage.js` runtime (keyboard navigation,\n   stage rendering); the HTML references it as `assets/deck-stage.js`, so the\n   file must sit next to the cloned HTML or that path will 404 in the generated\n   artifact and navigation will silently break. Inlining the JS into a single\n   `<script>` block in the HTML is an acceptable alternative when a single\n   self-contained file is preferred.\n2. **Replace placeholder content** with the user's real headlines, body copy,\n   numbers, names, dates, and section labels. Match existing dimensions when\n   swapping image placeholders.\n3. **Preserve the design system.** Never substitute fonts, recolor the palette,\n   restructure the layout grid, or strip decorative elements (corner brackets,\n   paper grain, geometric shapes, illustrated SVGs). They are part of the\n   identity.\n4. **Adjust deck length by duplicating layouts.** If the user has more content\n   than the demo holds, duplicate an existing slide of the most appropriate\n   layout. If less, drop slides from the bottom. Update page-number labels.\n5. **Designing missing layouts:** if a slide needs a layout the template\n   doesn't have, design it from scratch using the same fonts, palette,\n   decorative vocabulary, spacing rhythm, and component grammar — never bail\n   to a different template.\n6. **Keep the navigation runtime as shipped.** If the deck ships an\n   `assets/deck-stage.js` or inline keyboard handler, leave it intact.\n\n## Output contract\n\nEmit between `<artifact>` tags:\n\n```\n<artifact identifier=\"zhangzara-stencil-tablet\" type=\"text/html\" title=\"Deck Title\">\n<!doctype html>\n<html>...</html>\n</artifact>\n```\n\n## Source & license\n\nVendored from upstream MIT-licensed\n[`zarazhangrui/beautiful-html-templates`](https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/stencil-tablet).\n\nThe full upstream MIT license text — including the original copyright notice — ships in this skill at\n[`LICENSE`](./LICENSE) and must be redistributed alongside any copy of `example.html`,\n`template.json`, or any vendored `assets/` runtime. See `template.json` for the upstream metadata snapshot.","tags":["html","ppt","zhangzara","stencil","tablet","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-stencil-tablet","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/html-ppt-zhangzara-stencil-tablet","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 (3,181 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.109Z","embedding":null,"createdAt":"2026-05-08T06:51:50.750Z","updatedAt":"2026-05-11T06:52:24.109Z","lastSeenAt":"2026-05-11T06:52:24.109Z","tsv":"'1':195 '11':112 '404':237 'across':89,146 'analog':192 'anyth':26,115 'anytim':144 'archaeolog':23,66 'architectur':43,132 'archiv':30,119 'art':42,131 'artifact':241 'asset':200 'assets/deck-stage.js':211,222 'avoid':166 'best':113 'bone':9,52 'brand':25,44,68,133,139 'break':91,246 'busi':149 'choic':143 'clone':196,231 'color':20,63 'commit':188 'contain':73 'context':168 'cra':49 'craft':138 'cultur':39,128 'cultural-institut':38,127 'cut':14,57,181 'deck':41,75,130,154,165 'decor':78 'deliber':191 'demand':170 'demo':111 'densiti':107 'digit':172 'digital-n':171 'display':182 'earth':21,64,185 'earth-ton':184 'example.html':197 'feel':29,118,156,193 'field':159 'file':225 'folder':201 'formal':103 'generat':240 'glanc':100 'graphic':35,124 'great':142 'headlin':15,58 'heritag':47,136 'high':106 'html':2,74,218,232 'html-ppt-zhangzara-stencil-tablet':1 'includ':145 'inlin':247 'insid':95 'institut':40,129 'js':249 'keyboard':213 'layout':88 'light':102 'like':157 'longform':45,134 'manifesto':140 'manual':160 'medium':105,108 'medium-high':104 'meet':24,67 'mix':87 'museum':36,125 'must':226 'nativ':173 'navig':214,243 'next':228 'one':97 'palett':22,65,77,187 'paper':10,53 'path':235 'play':176 'polish':174 'pop':177 'ppt':3 'rather':161 'refer':219 'render':216 'research':46,135 'runtim':212 'scheme':101 'self':72 'self-contain':71 'ship':209 'silent':245 'singl':70,252 'sit':227 'six':19,62 'six-color':18,61 'skill' 'skill-html-ppt-zhangzara-stencil-tablet' 'slide':81,109,164 'source-nexu-io' 'stage':215 'stay':94 'stencil':5,7,13,50,56,180 'stencil-cut':12,55,179 'system':79,93 'tablet':6,8,51 'tactil':31,120 'tech':147 'templat':90,208 'togeth':86 'tone':186 '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' 'tune':85 'typographi':76 'user':204 'vocabulari':82 'want':152 'weighti':34,123 'weighty-graph':33,122 'workflow':194 'workspac':206 'zhangzara':4","prices":[{"id":"8130a291-0064-4190-9f73-8ad0927a2623","listingId":"c9286222-3e51-4e6f-82fd-62f7c1ade979","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-08T06:51:50.750Z"}],"sources":[{"listingId":"c9286222-3e51-4e6f-82fd-62f7c1ade979","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-stencil-tablet","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-stencil-tablet","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:50.750Z","lastSeenAt":"2026-05-11T06:52:24.109Z"}],"details":{"listingId":"c9286222-3e51-4e6f-82fd-62f7c1ade979","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-stencil-tablet","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":"13a31a348c850b7b9d983f49c35b5388f920e613","skill_md_path":"skills/html-ppt-zhangzara-stencil-tablet/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-stencil-tablet"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-stencil-tablet","description":"Stencil & Tablet — Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand. Anything that should feel archival, tactile, and weighty-graphic: museum and cultural-institution decks, art / architecture brands, longform research, heritage and craft brands, manifestos."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-stencil-tablet"},"updatedAt":"2026-05-11T06:52:24.109Z"}}