{"id":"9ac33fc2-a1ee-40ba-8360-54a2a7469048","shortId":"GESB8z","kind":"skill","title":"html-ppt-zhangzara-long-table","tagline":"Long Table — Warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines, italic Fraunces, and pill-shaped outlined buttons. Anything that should feel like a warm, intimate, modern hospitality / community brand: supper clubs, dinner series, small restauran","description":"# Long Table\n\n> Warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines, italic Fraunces, and pill-shaped outlined buttons.\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:** medium\n- **Slides in demo:** 8\n\n## Best for\n\nAnything that should feel like a warm, intimate, modern hospitality / community brand: supper clubs, dinner series, small restaurants, creative-studio events, membership pitches, lifestyle and wine brands. Equally good for any deck wanting a single warm accent colour, italic-meets-bold typography, and a social-media-aware modern-editorial voice.\n\n## Avoid for\n\nDecks that need corporate polish, technical density, or a cold / minimalist register — the rust-red palette and bold-italic mix are intentionally warm and people-facing.\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/long-table).\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","long","table","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok"],"capabilities":["skill","source-nexu-io","skill-html-ppt-zhangzara-long-table","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-long-table","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,817 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.935Z","embedding":null,"createdAt":"2026-05-08T06:51:49.626Z","updatedAt":"2026-05-11T06:52:22.935Z","lastSeenAt":"2026-05-11T06:52:22.935Z","tsv":"'/license':404 '/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table).':386 '1':205 '2':217 '3':242 '4':275 '5':313 '6':350 '8':116 'accent':156 'across':95 'adjust':276 'aesthet':18,61 'alongsid':409 'anyth':32,119 'appropri':299 'asset':418 'assets/deck-stage.js':362 'avoid':173 'awar':168 'bail':345 'best':117 'bodi':227 'bold':20,63,161,194 'bold-ital':193 'bottom':307 'bracket':262 'brand':43,130,146 'break':97 'button':31,74 'clone':206 'club':17,45,60,132 'cold':184 'colour':157 'communiti':42,129 'compon':342 'contain':79 'content':220,287 'contract':371 'copi':228,411 'copyright':396 'corner':261 'corpor':178 'cream':10,53 'creativ':138 'creative-studio':137 'date':231 'deck':81,151,175,277,359 'decor':84,259,337 'demo':115,290 'densiti':111,181 'design':245,314,328 'differ':348 'dimens':237 'dinner':46,133 'doesn':325 'drop':303 'duplic':280,292 'editori':171 'element':260 'emit':372 'equal':147 'event':140 'example.html':207,413 'exist':236,294 'face':203 'feel':35,122 'file':216 'font':249,335 'formal':109 'fraunc':25,68 'full':388 'geometr':265 'github.com':385 'github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/long-table).':384 'glanc':106 'good':148 'grain':264 'grammar':343 'grid':256 'grotesk':22,65 'handler':366 'headlin':23,66,226 'hold':291 'hospit':41,128 'html':2,80 'html-ppt-zhangzara-long-t':1 'ident':274 'illustr':267 'imag':240 'includ':393 'inlin':364 'insid':101 'intact':369 'intent':198 'intim':39,126 'ital':24,67,159,195 'italic-meets-bold':158 'keep':351 'keyboard':365 'label':234,312 'layout':94,255,281,300,316,322 'leav':367 'length':278 'less':302 'licens':376,382,391,403 'lifestyl':143 'light':108 'like':36,123 'long':5,7,50 'match':235 'media':167 'medium':110,112 'meet':160 'membership':141 'metadata':425 'minimalist':185 'miss':315 'mit':381,390 'mit-licens':380 'mix':93,196 'modern':40,127,170 'modern-editori':169 'must':406 'name':230 'navig':353 'need':177,320 'never':247,344 'notic':397 'number':229,311 'one':103 'origin':395 'outlin':30,73 'output':370 'page':310 'page-numb':309 'palett':83,191,252,336 'paper':263 'part':271 'peopl':202 'people-fac':201 'pill':28,71 'pill-shap':27,70 'pitch':142 'placehold':219,241 'polish':179 'ppt':3 'preserv':243 'real':225 'recolor':250 'red':14,57,190 'redistribut':408 'regist':186 'replac':218 'restaur':136 'restauran':49 'restructur':253 'rhythm':340 'runtim':354,419 'rust':13,56,189 'rust-r':12,55,188 'scheme':107 'scratch':331 'section':233 'see':420 'self':78 'self-contain':77 'seri':47,134 'shape':29,72,266 'ship':356,360,398 'singl':76,154 'skill':401 'skill-html-ppt-zhangzara-long-table' 'slide':87,113,295,304,319 'small':48,135 'snapshot':426 'social':166 'social-media-awar':165 'sourc':375 'source-nexu-io' 'space':339 'stay':100 'strip':258 'studio':139 'substitut':248 'supper':16,44,59,131 'supper-club':15,58 'svgs':268 'swap':239 'system':85,99,246 'tabl':6,8,51 'tag':374 'technic':180 'templat':96,324,349 'template.json':414,421 'text':392 'togeth':92 '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':91 'typographi':82,162 'updat':308 'uppercas':21,64 'upstream':379,389,424 'use':332 'user':210,223,284 'vendor':377,417 'vocabulari':88,338 'voic':172 'want':152 'warm':9,38,52,125,155,199 'wine':145 'work':215 'workflow':204 'workspac':212 'zarazhangrui/beautiful-html-templates':383 'zhangzara':4","prices":[{"id":"5e16e08b-457b-4a01-a2d7-646a6354f3ce","listingId":"9ac33fc2-a1ee-40ba-8360-54a2a7469048","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.626Z"}],"sources":[{"listingId":"9ac33fc2-a1ee-40ba-8360-54a2a7469048","source":"github","sourceId":"nexu-io/open-design/html-ppt-zhangzara-long-table","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-long-table","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:49.626Z","lastSeenAt":"2026-05-11T06:52:22.935Z"}],"details":{"listingId":"9ac33fc2-a1ee-40ba-8360-54a2a7469048","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"html-ppt-zhangzara-long-table","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":"47ad4d4a58a3aee5aeaeeee608f231e40fef8035","skill_md_path":"skills/html-ppt-zhangzara-long-table/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/html-ppt-zhangzara-long-table"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"html-ppt-zhangzara-long-table","description":"Long Table — Warm cream and rust-red supper-club aesthetic with bold uppercase grotesk headlines, italic Fraunces, and pill-shaped outlined buttons. Anything that should feel like a warm, intimate, modern hospitality / community brand: supper clubs, dinner series, small restaurants, creative-studio events, membership pitches, lifestyle and wine brands."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/html-ppt-zhangzara-long-table"},"updatedAt":"2026-05-11T06:52:22.935Z"}}