{"id":"9cf2b44a-eabd-448f-8a01-58017487bac3","shortId":"KZSv8B","kind":"skill","title":"html-ppt-zhangzara-pink-script","tagline":"Pink Script — After Hours — Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury. Anything that should feel nocturnal, intentional, and a little luxe: fashion brand decks, creator personal brands, after-hours / nightlife / spir","description":"# Pink Script — After Hours\n\n> Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury.\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:** medium-high\n- **Density:** low\n- **Slides in demo:** 9\n\n## Best for\n\nAnything that should feel nocturnal, intentional, and a little luxe: fashion brand decks, creator personal brands, after-hours / nightlife / spirits launches, luxury product reveals, editorial features. Also a striking unexpected pick for a tech keynote, research synthesis, or business pitch that wants to land with magnetic confidence.\n\n## Avoid for\n\nDaytime corporate-professional and traditional B2B contexts where the dark canvas with hot-pink accent reads as too styled or too expressive.\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-pink-script\" 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/pink-script).\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","pink","script","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-pink-script","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-pink-script","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,200 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.414Z","embedding":null,"createdAt":"2026-05-08T06:51:50.074Z","updatedAt":"2026-05-11T06:52:23.414Z","lastSeenAt":"2026-05-11T06:52:23.414Z","tsv":"'1':191 '404':233 '9':113 'accent':15,57,182 'across':90 'after-hour':44,132 'also':143 'anyth':28,116 'artifact':237 'asset':196 'assets/deck-stage.js':207,218 'avoid':164 'b2b':172 'best':114 'black':11,53 'brand':39,43,127,131 'break':92,242 'busi':155 'canva':12,54,177 'clone':192,227 'confid':163 'contain':74 'context':173 'corpor':168 'corporate-profession':167 'cream':18,60 'creator':41,129 'dark':103,176 'daytim':166 'deck':40,76,128 'decor':79 'demo':112 'densiti':108 'editori':26,68,141 'example.html':193 'express':189 'fashion':38,126 'featur':142 'feel':31,119 'file':221 'folder':197 'formal':104 'generat':236 'glanc':101 'headlin':22,64 'high':107 'hot':13,55,180 'hot-pink':179 'hour':10,46,52,134 'html':2,75,214,228 'html-ppt-zhangzara-pink-script':1 'inlin':243 'insid':96 'instrument':20,62 'intent':33,121 'js':245 'keyboard':209 'keynot':151 'land':160 'late':24,66 'late-night':23,65 'launch':137 'layout':89 'littl':36,124 'low':109 'lux':37,125 'luxuri':27,69,138 'magnet':162 'medium':106 'medium-high':105 'mix':88 'must':222 'navig':210,239 'next':224 'night':25,67 'nightlif':47,135 'nocturn':32,120 'one':98 'palett':78 'paper':19,61 'path':231 'pearl':17,59 'pearl-cream':16,58 'person':42,130 'pick':147 'pink':5,7,14,49,56,181 'pitch':156 'ppt':3 'product':139 'profession':169 'read':183 'refer':215 'render':212 'research':152 'reveal':140 'runtim':208 'scheme':102 'script':6,8,50 'self':73 'self-contain':72 'serif':21,63 'ship':205 'silent':241 'singl':71,248 'sit':223 'skill' 'skill-html-ppt-zhangzara-pink-script' 'slide':82,110 'source-nexu-io' 'spir':48 'spirit':136 'stage':211 'stay':95 'strike':145 'style':186 'synthesi':153 'system':80,94 'tech':150 'templat':91,204 'togeth':87 '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':171 'tune':86 'typographi':77 'unexpect':146 'user':200 'vocabulari':83 'want':158 'workflow':190 'workspac':202 'zhangzara':4","prices":[{"id":"79bc7a7a-8f73-4ff4-8f71-edd81b46d4f8","listingId":"9cf2b44a-eabd-448f-8a01-58017487bac3","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.074Z"}],"sources":[{"listingId":"9cf2b44a-eabd-448f-8a01-58017487bac3","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-pink-script","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-pink-script","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:50.074Z","lastSeenAt":"2026-05-11T06:52:23.414Z"}],"details":{"listingId":"9cf2b44a-eabd-448f-8a01-58017487bac3","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-pink-script","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":"0b419a380b43278245b75e53d87e298907493b69","skill_md_path":"skills/html-ppt-zhangzara-pink-script/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-pink-script"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-pink-script","description":"Pink Script — After Hours — Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury. Anything that should feel nocturnal, intentional, and a little luxe: fashion brand decks, creator personal brands, after-hours / nightlife / spirits launches, luxury product reveals, editorial features."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-pink-script"},"updatedAt":"2026-05-11T06:52:23.414Z"}}