{"id":"e2feab12-497b-410c-8a9a-ebfaa6cc1336","shortId":"FHTN4u","kind":"skill","title":"html-ppt-zhangzara-grove","tagline":"Grove — Forest-green canvas with cream type, classical Playfair serifs, and a single rust accent. Anything that should feel organic, considered, and grown-up: sustainability and wellness brands, outdoor / nature products, wineries and restaurants, literary or arts decks, advisory","description":"# Grove\n\n> Forest-green canvas with cream type, classical Playfair serifs, and a single rust accent.\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:** mixed\n- **Formality:** medium-high\n- **Density:** medium\n- **Slides in demo:** 12\n\n## Best for\n\nAnything that should feel organic, considered, and grown-up: sustainability and wellness brands, outdoor / nature products, wineries and restaurants, literary or arts decks, advisory deliverables, bilingual EN/CN reports. Also a calm, distinctive choice for tech, research, or business decks that want patience over urgency.\n\n## Avoid for\n\nDecks that need neon energy or rapid-fire pop — the forest-green canvas and Playfair serif commit to a slow, classical voice.\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/grove).\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","grove","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-grove","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-grove","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,695 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:22.860Z","embedding":null,"createdAt":"2026-05-08T06:51:49.547Z","updatedAt":"2026-05-11T06:52:22.860Z","lastSeenAt":"2026-05-11T06:52:22.860Z","tsv":"'/license':380 '/zarazhangrui/beautiful-html-templates/tree/main/templates/grove).':362 '1':181 '12':106 '2':193 '3':218 '4':251 '5':289 '6':326 'accent':21,62 'across':83 'adjust':252 'advisori':46,133 'alongsid':385 'also':138 'anyth':22,109 'appropri':275 'art':44,131 'asset':394 'assets/deck-stage.js':338 'avoid':154 'bail':321 'best':107 'bilingu':135 'bodi':203 'bottom':283 'bracket':238 'brand':35,122 'break':85 'busi':147 'calm':140 'canva':10,51,170 'choic':142 'classic':14,55,178 'clone':182 'commit':174 'compon':318 'consid':27,114 'contain':67 'content':196,263 'contract':347 'copi':204,387 'copyright':372 'corner':237 'cream':12,53 'date':207 'deck':45,69,132,148,156,253,335 'decor':72,235,313 'deliver':134 'demo':105,266 'densiti':101 'design':221,290,304 'differ':324 'dimens':213 'distinct':141 'doesn':301 'drop':279 'duplic':256,268 'element':236 'emit':348 'en/cn':136 'energi':160 'example.html':183,389 'exist':212,270 'feel':25,112 'file':192 'fire':164 'font':225,311 'forest':8,49,168 'forest-green':7,48,167 'formal':97 'full':364 'geometr':241 'github.com':361 'github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/grove).':360 'glanc':94 'grain':240 'grammar':319 'green':9,50,169 'grid':232 'grove':5,6,47 'grown':30,117 'grown-up':29,116 'handler':342 'headlin':202 'high':100 'hold':267 'html':2,68 'html-ppt-zhangzara-grov':1 'ident':250 'illustr':243 'imag':216 'includ':369 'inlin':340 'insid':89 'intact':345 'keep':327 'keyboard':341 'label':210,288 'layout':82,231,257,276,292,298 'leav':343 'length':254 'less':278 'licens':352,358,367,379 'literari':42,129 'match':211 'medium':99,102 'medium-high':98 'metadata':401 'miss':291 'mit':357,366 'mit-licens':356 'mix':81,96 'must':382 'name':206 'natur':37,124 'navig':329 'need':158,296 'neon':159 'never':223,320 'notic':373 'number':205,287 'one':91 'organ':26,113 'origin':371 'outdoor':36,123 'output':346 'page':286 'page-numb':285 'palett':71,228,312 'paper':239 'part':247 'patienc':151 'placehold':195,217 'playfair':15,56,172 'pop':165 'ppt':3 'preserv':219 'product':38,125 'rapid':163 'rapid-fir':162 'real':201 'recolor':226 'redistribut':384 'replac':194 'report':137 'research':145 'restaur':41,128 'restructur':229 'rhythm':316 'runtim':330,395 'rust':20,61 'scheme':95 'scratch':307 'section':209 'see':396 'self':66 'self-contain':65 'serif':16,57,173 'shape':242 'ship':332,336,374 'singl':19,60,64 'skill':377 'skill-html-ppt-zhangzara-grove' 'slide':75,103,271,280,295 'slow':177 'snapshot':402 'sourc':351 'source-nexu-io' 'space':315 'stay':88 'strip':234 'substitut':224 'sustain':32,119 'svgs':244 'swap':215 'system':73,87,222 'tag':350 'tech':144 'templat':84,300,325 'template.json':390,397 'text':368 'togeth':80 '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':79 'type':13,54 'typographi':70 'updat':284 'upstream':355,365,400 'urgenc':153 'use':308 'user':186,199,260 'vendor':353,393 'vocabulari':76,314 'voic':179 'want':150 'well':34,121 'wineri':39,126 'work':191 'workflow':180 'workspac':188 'zarazhangrui/beautiful-html-templates':359 'zhangzara':4","prices":[{"id":"60193452-f34b-4673-9404-33028f7eba5c","listingId":"e2feab12-497b-410c-8a9a-ebfaa6cc1336","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:49.547Z"}],"sources":[{"listingId":"e2feab12-497b-410c-8a9a-ebfaa6cc1336","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-grove","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-grove","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:49.547Z","lastSeenAt":"2026-05-11T06:52:22.860Z"}],"details":{"listingId":"e2feab12-497b-410c-8a9a-ebfaa6cc1336","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-grove","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":"05fbf1e251069a15267dad4c7fef844e303fe66f","skill_md_path":"skills/html-ppt-zhangzara-grove/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-grove"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-grove","description":"Grove — Forest-green canvas with cream type, classical Playfair serifs, and a single rust accent. Anything that should feel organic, considered, and grown-up: sustainability and wellness brands, outdoor / nature products, wineries and restaurants, literary or arts decks, advisory deliverables, bilingual EN/CN reports."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-grove"},"updatedAt":"2026-05-11T06:52:22.860Z"}}