{"id":"68bdf607-0c39-4a39-be00-6a83f4f35c06","shortId":"9sCGcC","kind":"skill","title":"html-ppt-zhangzara-vellum","tagline":"Vellum — Deep navy canvas with warm-yellow italic Cormorant serifs and a single dusty teal accent. A quiet, scholarly aesthetic. Anything that should feel scholarly, literary, and quietly intelligent: research synthesis, white papers, academic and policy briefs, advisory delivera","description":"# Vellum\n\n> Deep navy canvas with warm-yellow italic Cormorant serifs and a single dusty teal accent. A quiet, scholarly aesthetic.\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:** dark\n- **Formality:** high\n- **Density:** low\n- **Slides in demo:** 9\n\n## Best for\n\nAnything that should feel scholarly, literary, and quietly intelligent: research synthesis, white papers, academic and policy briefs, advisory deliverables, longform editorial pieces, founder reflections. Equally strong for any deck — including tech, business, or creator work — that wants a calm, considered atmosphere instead of energetic visuals.\n\n## Avoid for\n\nContexts that need visual heat or pop — the navy + warm-yellow italic-Cormorant aesthetic is intentionally low-tempo.\n\n## Workflow\n\n1. **Clone `example.html`** into the user's workspace as the working file.\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 `` tags:\n\n```\n\n\n...\n\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/vellum).\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","vellum","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-vellum","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-vellum","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 (2,733 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.285Z","embedding":null,"createdAt":"2026-05-08T06:51:50.896Z","updatedAt":"2026-05-11T06:52:24.285Z","lastSeenAt":"2026-05-11T06:52:24.285Z","tsv":"'/license':379 '/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum).':361 '1':180 '2':192 '3':217 '4':250 '5':288 '6':325 '9':108 'academ':40,124 'accent':22,62 'across':87 'adjust':251 'advisori':44,128 'aesthet':26,66,173 'alongsid':384 'anyth':27,111 'appropri':274 'asset':393 'assets/deck-stage.js':337 'atmospher':151 'avoid':156 'bail':320 'best':109 'bodi':202 'bottom':282 'bracket':237 'break':89 'brief':43,127 'busi':142 'calm':149 'canva':9,49 'clone':181 'compon':317 'consid':150 'contain':71 'content':195,262 'context':158 'contract':346 'copi':203,386 'copyright':371 'cormor':15,55,172 'corner':236 'creator':144 'dark':100 'date':206 'deck':73,139,252,334 'decor':76,234,312 'deep':7,47 'deliver':129 'delivera':45 'demo':107,265 'densiti':103 'design':220,289,303 'differ':323 'dimens':212 'doesn':300 'drop':278 'duplic':255,267 'dusti':20,60 'editori':131 'element':235 'emit':347 'energet':154 'equal':135 'example.html':182,388 'exist':211,269 'feel':30,114 'file':191 'font':224,310 'formal':101 'founder':133 'full':363 'geometr':240 'github.com':360 'github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/vellum).':359 'glanc':98 'grain':239 'grammar':318 'grid':231 'handler':341 'headlin':201 'heat':162 'high':102 'hold':266 'html':2,72 'html-ppt-zhangzara-vellum':1 'ident':249 'illustr':242 'imag':215 'includ':140,368 'inlin':339 'insid':93 'instead':152 'intact':344 'intellig':35,119 'intent':175 'ital':14,54,171 'italic-cormor':170 'keep':326 'keyboard':340 'label':209,287 'layout':86,230,256,275,291,297 'leav':342 'length':253 'less':277 'licens':351,357,366,378 'literari':32,116 'longform':130 'low':104,177 'low-tempo':176 'match':210 'metadata':400 'miss':290 'mit':356,365 'mit-licens':355 'mix':85 'must':381 'name':205 'navi':8,48,166 'navig':328 'need':160,295 'never':222,319 'notic':372 'number':204,286 'one':95 'origin':370 'output':345 'page':285 'page-numb':284 'palett':75,227,311 'paper':39,123,238 'part':246 'piec':132 'placehold':194,216 'polici':42,126 'pop':164 'ppt':3 'preserv':218 'quiet':24,34,64,118 'real':200 'recolor':225 'redistribut':383 'reflect':134 'replac':193 'research':36,120 'restructur':228 'rhythm':315 'runtim':329,394 'scheme':99 'scholar':25,31,65,115 'scratch':306 'section':208 'see':395 'self':70 'self-contain':69 'serif':16,56 'shape':241 'ship':331,335,373 'singl':19,59,68 'skill':376 'skill-html-ppt-zhangzara-vellum' 'slide':79,105,270,279,294 'snapshot':401 'sourc':350 'source-nexu-io' 'space':314 'stay':92 'strip':233 'strong':136 'substitut':223 'svgs':243 'swap':214 'synthesi':37,121 'system':77,91,221 'tag':349 'teal':21,61 'tech':141 'templat':88,299,324 'template.json':389,396 'tempo':178 'text':367 'togeth':84 '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':83 'typographi':74 'updat':283 'upstream':354,364,399 'use':307 'user':185,198,259 'vellum':5,6,46 'vendor':352,392 'visual':155,161 'vocabulari':80,313 'want':147 'warm':12,52,168 'warm-yellow':11,51,167 'white':38,122 'work':145,190 'workflow':179 'workspac':187 'yellow':13,53,169 'zarazhangrui/beautiful-html-templates':358 'zhangzara':4","prices":[{"id":"b5a2fedd-3936-481e-9af1-c05ff7814ba6","listingId":"68bdf607-0c39-4a39-be00-6a83f4f35c06","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.896Z"}],"sources":[{"listingId":"68bdf607-0c39-4a39-be00-6a83f4f35c06","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-vellum","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-vellum","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:50.896Z","lastSeenAt":"2026-05-11T06:52:24.285Z"}],"details":{"listingId":"68bdf607-0c39-4a39-be00-6a83f4f35c06","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-vellum","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":"0f35627ca09d99f9c5e11eb746b210b33bb2fb64","skill_md_path":"skills/html-ppt-zhangzara-vellum/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-vellum"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-vellum","description":"Vellum — Deep navy canvas with warm-yellow italic Cormorant serifs and a single dusty teal accent. A quiet, scholarly aesthetic. Anything that should feel scholarly, literary, and quietly intelligent: research synthesis, white papers, academic and policy briefs, advisory deliverables, longform editorial pieces, founder reflections."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-vellum"},"updatedAt":"2026-05-11T06:52:24.285Z"}}