{"id":"e3e17c11-f759-4d71-9252-ca0b627b5509","shortId":"pk3hr6","kind":"skill","title":"html-ppt-zhangzara-neo-grid-bold","tagline":"Neo-Grid Bold — Editorial neo-brutalism with a single neon yellow accent on off-white paper. Anything that should feel confident and editorial-graphic: design-led pitches, brand work, founder talks, conference keynotes.","description":"# Neo-Grid Bold\n\n> Editorial neo-brutalism with a single neon yellow accent on off-white paper.\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\n- **Density:** high\n- **Slides in demo:** 12\n\n## Best for\n\nAnything that should feel confident and editorial-graphic: design-led pitches, brand work, founder talks, conference keynotes. Excellent for stat-heavy slides, comparisons, and process flows. Just as strong for tech, research, or finance when the speaker wants to read as design-led rather than corporate.\n\n## Avoid for\n\nContexts that need to feel quiet, traditional, or warm — the neon-yellow accent and uppercase display commit to a confident editorial voice.\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-neo-grid-bold\" 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/neo-grid-bold).\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","neo","grid","bold","open","design","nexu-io","agent-skills","ai-agents","ai-design"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-neo-grid-bold","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-neo-grid-bold","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,127 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:23.183Z","embedding":null,"createdAt":"2026-05-08T06:51:49.857Z","updatedAt":"2026-05-11T06:52:23.183Z","lastSeenAt":"2026-05-11T06:52:23.183Z","tsv":"'1':185 '12':106 '404':227 'accent':21,59,174 'across':85 'anyth':27,109 'artifact':231 'asset':190 'assets/deck-stage.js':201,212 'avoid':159 'best':107 'bold':7,11,49 'brand':40,122 'break':87,236 'brutal':15,53 'clone':186,221 'commit':178 'comparison':134 'confer':44,126 'confid':31,113,181 'contain':69 'context':161 'corpor':158 'deck':71 'decor':74 'demo':105 'densiti':101 'design':37,119,154 'design-l':36,118,153 'display':177 'editori':12,34,50,116,182 'editorial-graph':33,115 'example.html':187 'excel':128 'feel':30,112,165 'file':215 'financ':145 'flow':137 'folder':191 'formal':99 'founder':42,124 'generat':230 'glanc':96 'graphic':35,117 'grid':6,10,48 'heavi':132 'high':102 'html':2,70,208,222 'html-ppt-zhangzara-neo-grid-bold':1 'inlin':237 'insid':91 'js':239 'keyboard':203 'keynot':45,127 'layout':84 'led':38,120,155 'light':98 'medium':100 'mix':83 'must':216 'navig':204,233 'need':163 'neo':5,9,14,47,52 'neo-brut':13,51 'neo-grid':8,46 'neon':19,57,172 'neon-yellow':171 'next':218 'off-whit':23,61 'one':93 'palett':73 'paper':26,64 'path':225 'pitch':39,121 'ppt':3 'process':136 'quiet':166 'rather':156 'read':151 'refer':209 'render':206 'research':143 'runtim':202 'scheme':97 'self':68 'self-contain':67 'ship':199 'silent':235 'singl':18,56,66,242 'sit':217 'skill' 'skill-html-ppt-zhangzara-neo-grid-bold' 'slide':77,103,133 'source-nexu-io' 'speaker':148 'stage':205 'stat':131 'stat-heavi':130 'stay':90 'strong':140 'system':75,89 'talk':43,125 'tech':142 'templat':86,198 'togeth':82 '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' 'tradit':167 'tune':81 'typographi':72 'uppercas':176 'user':194 'vocabulari':78 'voic':183 'want':149 'warm':169 'white':25,63 'work':41,123 'workflow':184 'workspac':196 'yellow':20,58,173 'zhangzara':4","prices":[{"id":"d09cf4b0-5a0b-4188-a3dd-5ebe05b0c507","listingId":"e3e17c11-f759-4d71-9252-ca0b627b5509","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.857Z"}],"sources":[{"listingId":"e3e17c11-f759-4d71-9252-ca0b627b5509","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-neo-grid-bold","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-neo-grid-bold","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:49.857Z","lastSeenAt":"2026-05-11T06:52:23.183Z"}],"details":{"listingId":"e3e17c11-f759-4d71-9252-ca0b627b5509","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-neo-grid-bold","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":"0691e07d8e6ba9e663d3dd263f727895d71490d8","skill_md_path":"skills/html-ppt-zhangzara-neo-grid-bold/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-neo-grid-bold"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-neo-grid-bold","description":"Neo-Grid Bold — Editorial neo-brutalism with a single neon yellow accent on off-white paper. Anything that should feel confident and editorial-graphic: design-led pitches, brand work, founder talks, conference keynotes."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-neo-grid-bold"},"updatedAt":"2026-05-11T06:52:23.183Z"}}