{"id":"e09656db-9b8b-49e5-a3a8-0f384bed0f6b","shortId":"CDaZ6y","kind":"skill","title":"graphic-slide-deck","tagline":"Generates a professionally designed HTML slide deck from a brief or content. Outputs a single-file presentation + optional PDF. Supports 13 layout types and 8 style presets. Trigger when user says \"create a slide deck\", \"make a presentation\", \"build a pitch deck\", \"make slides\", ","description":"# Graphic Slide Deck\n\nGenerate a professionally designed HTML slide deck from a brief, content notes, or an existing file. Output is a single self-contained HTML file -- opens in any browser, no build tools.\n\n---\n\n**Critical rules -- non-negotiable:**\n\n1. Every slide MUST fit within 100vh. No scrolling inside slides. Content overflows → split into two slides.\n2. ALL font sizes and spacing MUST use `clamp()`. Never fixed px/rem on anything that scales.\n3. Single self-contained HTML: all CSS/JS inline. Zero external dependencies except font CDN link.\n4. Never dump HTML in chat. Save to file, show summary only.\n5. No generic AI slop aesthetics -- check against the DO NOT USE list in `references/style-presets.md`.\n\n---\n\n## Step 1: Brief Intake\n\nNeed three things to start. If all three present in the message: skip to Step 2.\n\nIf any missing, ask exactly:\n\n> \"To get started, I need three things:\n> 1. **Purpose** -- what is this deck for? (investor pitch / sales call / conference talk / internal presentation / onboarding / other)\n> 2. **Audience** -- who will see it? (VCs, prospects, your team, executives, conference room, LinkedIn)\n> 3. **Topic or content** -- paste notes, a URL, a brief description, or upload a file\"\n\nWait for all three before continuing.\n\n---\n\n## Step 2: Complete Intake\n\nAsk all questions in one message, grouped by category. User can skip any -- defaults apply.\n\n> \"A few questions before I start:\n>\n> **Content**\n> 1. **Key message** -- single sentence the audience must remember after leaving\n> 2. **Slide count** -- Short (5-10) / Medium (10-20) / Long (20+)?\n> 3. **Content source** -- All content ready / Rough notes (I'll structure) / Topic only (I'll draft)?\n> 4. **Existing assets** -- Any images, screenshots, or logos to include? (yes + paths / no)\n>\n> **Design**\n> 5. **Style** -- midnight-editorial / matt-gray / clean-slate / brutalist / mint-pixel-corporate / product-minimal / magazine-red / soft-cloud / \"show me options\"\n> 6. **Aspect ratio** -- 16:9 (1920×1080, default) / 1:1 (1080×1080, LinkedIn)\n> 7. **Inline editing** -- should text be editable in-browser after export? (Yes / No)\n>\n> **Output**\n> 8. **Output format** -- HTML only / HTML + PDF / HTML + PDF + deploy to URL\n> 9. **Deck name** -- slug for file/folder naming (e.g. \"q2-investor-pitch\"); I'll derive if skipped\"\n\n**Defaults if skipped:**\n\n| Question | Default |\n|---|---|\n| Key message | derived from purpose + topic |\n| Slide count | 12 |\n| Content source | topic only |\n| Existing assets | none |\n| Style | clean-slate |\n| Aspect ratio | 16:9 |\n| Inline editing | No |\n| Output format | HTML + PDF |\n| Deck name | derived from topic slug |\n\n**If style = \"show me options\":**\nGenerate 3 single-slide HTML previews (one for each of 3 different style presets that fit the deck's purpose). Save to `.claude-design/previews/style-a.html`, `style-b.html`, `style-c.html`. Open each: `open .claude-design/previews/style-a.html` etc. Ask user to pick before Step 3.\n\n---\n\n## Step 2.5: Internal Design Direction (not shown to user)\n\nFrom Step 2 answers, determine before Step 3:\n\n**Visual character** (derived from style, or inferred if not specified):\n- midnight-editorial or magazine-red → `dark-editorial`\n- clean-slate or product-minimal → `light-minimal`\n- matt-gray → `neutral-professional`\n- brutalist → `bold-expressive`\n- mint-pixel-corporate or soft-cloud → `fresh-corporate`\n- Style not specified: investor pitch → midnight-editorial; sales → clean-slate; conference → brutalist or midnight-editorial; internal → matt-gray\n\n**ONE unmissable slide** -- identify before Step 3:\n- Investor pitch → stat-highlight (traction/metrics slide)\n- Sales deck → stat-highlight (ROI/results slide)\n- Conference talk → quote-callout or stat-highlight (key insight)\n- Internal presentation → closing-cta (decision/recommendation slide)\n\n**Layout selection bias** -- note the 2-3 most relevant layouts for this deck type to prioritize in Step 3.\n\nNever ask the user for design direction -- derive it entirely from their answers.\n\n---\n\n## Step 3: Structure Design\n\nRead `references/layout-library.md` before planning.\n\nPlan the full slide sequence. Assign a layout type from the 13 in `references/layout-library.md` to each slide.\n\n**Deck type → typical structure:**\n\n**Investor pitch (12 slides):**\n1. [title-hero] Company + tagline\n2. [section-divider] The Problem\n3. [text-full] Problem detail\n4. [text-left-image-right] Solution overview\n5. [image-full] Product screenshot\n6. **[stat-highlight] Traction -- unmissable slide**\n7. [comparison-table] vs. competitors\n8. [timeline] Roadmap\n9. [text-full] Team\n10. [stat-highlight] Market size\n11. [text-left-image-right] Business model\n12. [closing-cta] The ask\n\n**Sales deck (8-10 slides):**\n1. [title-hero]\n2. [quote-callout] Prospect pain point\n3. [text-left-image-right] Solution\n4. [image-grid] Product screenshots\n5. **[stat-highlight] ROI/results -- unmissable**\n6. [comparison-table] vs. alternatives\n7. [text-full] Implementation / next steps\n8. [closing-cta]\n\n**Conference talk (15-20 slides):**\ntitle-hero → section-dividers → text-full slides → image-full → **stat-highlight or quote-callout (unmissable)** → timeline → closing-cta\n\n**Internal presentation (8-12 slides):**\ntitle-hero → text-full (context) → stat-highlight (current state) → two-column-text (options) → comparison-table → text-full (recommendation) → **closing-cta (the decision -- unmissable)**\n\nOutput the proposed structure as a numbered list with `[layout-type]` in brackets. Example:\n\n```\nProposed structure (12 slides, midnight-editorial style):\n\n1. [title-hero] DataPulse -- Revenue decisions in 5 minutes\n2. [section-divider] The Problem\n...\n12. [closing-cta] The ask + team@datapulse.io\n\nDoes this structure work, or should I adjust any slides?\n```\n\nWait for confirmation before Step 4.\n\n---\n\n## Step 4: Content Draft\n\nWrite per-slide copy in sequence. Plain text only -- no HTML yet.\n\n**Copy rules per layout:**\n\n- `title-hero`: headline (6 words max) + subtitle (1 sentence) + optional pill badge text\n- `section-divider`: 2-4 word section label only\n- `text-full`: heading (5 words max) + 4-6 bullets OR 2 paragraphs (never both on same slide)\n- `text-left-image-right` / `image-left-text-right`: heading + 3-4 bullets + `[IMAGE: description]`\n- `two-column-text`: 2 column headings + max 3 bullets each\n- `image-full`: `[IMAGE: description]` + optional caption (10 words max)\n- `image-grid`: up to 6 `[IMAGE: description]` placeholders with short captions\n- `stat-highlight`: 2-4 metrics written as `NUMBER | label` (e.g. `3× | faster close`). ZERO body copy.\n- `quote-callout`: quote (30 words max) + attribution (name, title)\n- `comparison-table`: column headers (3 max) + 4-6 row labels + cell content (1-3 words each)\n- `timeline`: 3-6 milestones (label + date + 1-line description)\n- `closing-cta`: headline (5 words max) + CTA action text + contact info (email + URL -- both required)\n\n**Forbidden words** (in all copy, no exceptions):\n\"powerful\", \"seamless\", \"game-changing\", \"leverage\", \"innovative\", \"revolutionary\", \"transform\", \"cutting-edge\", \"robust\", \"unlock\", \"scalable\" (as filler adjective).\n\n**Copy philosophy:** Fragments are fine. Numbers beat adjectives. Every word earns its place.\n\n---\n\n## Step 5: HTML Generation\n\nRead ALL before generating any HTML:\n\n**This skill's references:**\n- `references/design-system.md`\n- `references/layout-library.md`\n- `references/style-presets.md`\n- `references/animation-guide.md`\n\n**frontend-slides cross-references (read these exact files):**\n- `/Users/ksd/Desktop/Varnan_skills/frontend-slides/viewport-base.css` -- include FULL contents verbatim inside `<style>` block\n- `/Users/ksd/Desktop/Varnan_skills/frontend-slides/html-template.md` -- SlidePresentation class, keyboard nav, inline editing system\n- `/Users/ksd/Desktop/Varnan_skills/frontend-slides/animation-patterns.md` -- entrance animations, background effects, interactive effects\n\n**Generation rules:**\n\n1. Single self-contained HTML. All CSS and JS inline. Font CDN `<link>` is the only external reference.\n2. Include the FULL verbatim contents of `viewport-base.css` inside the `<style>` block -- do not paraphrase or shorten it.\n3. Fonts from Google Fonts or Fontshare only. Font choices come from the chosen preset in `references/style-presets.md`.\n4. Use the SlidePresentation class from `html-template.md`. Implement full keyboard navigation (arrows, space, page up/down), touch/swipe, progress bar, and nav dots. `navDotsContainer.innerHTML = \"\"` before building nav dots -- never skip this.\n5. If inline editing opted-in: implement the full inline editing system from `html-template.md` including `exportFile()`. The `exportFile()` function MUST strip `contenteditable`, `body.edit-active`, and `.active`/`.show` classes before capturing `outerHTML`.\n6. Aspect ratio:\n   - 16:9 (default): slides are `width: 100vw; height: 100vh`\n   - 1:1 (LinkedIn): add `--slide-height: min(100vh, 100vw)` CSS custom property and use it on `.slide`\n7. Every slide section MUST use `class=\"slide\"` -- required for export-pdf.sh's slide detection.\n8. Add a comment before each slide: `/* === SLIDE N: LAYOUT-TYPE === */`\n9. Apply the ONE unmissable slide from Step 2.5 with maximum visual weight -- largest typography, most animation, the style preset's signature element at full intensity. All other slides are compositionally quieter.\n10. No images provided → use CSS-generated visuals (gradient meshes, geometric shapes, grid patterns from `animation-patterns.md`). This is a first-class path, not a fallback.\n\n**Typography discipline:**\n- Stat numbers: `clamp(3.5rem, 12vw, 9rem)` -- a metric that fills a third of the slide reads authoritative\n- Hero headline: `clamp(2.5rem, 8vw, 6rem)` at minimum. Never size down for safety.\n- Never use fixed px/rem on any element the user will see. Clamp everything.\n\n**CSS gotcha from viewport-base.css:** Never write `-clamp()`, `-min()`, `-max()` directly in CSS. Wrap in `calc(-1 * clamp(...))`.\n\n---\n\n## Step 6: Self-QA\n\nCheck every item. Fix every failure -- do not skip.\n\n**Viewport and rendering:**\n- [ ] Every `.slide` has `height:100vh; height:100dvh; overflow:hidden`\n- [ ] ALL font sizes and spacing use `clamp()` -- no fixed px on scaling elements\n- [ ] No slide overflows at 1280×720 viewport (check against density limits from `layout-library.md`)\n- [ ] Images use `max-height: min(50vh, 400px)`\n- [ ] Breakpoints for 700px, 600px, 500px viewport heights present (from viewport-base.css)\n- [ ] `prefers-reduced-motion` media query present\n- [ ] No `-clamp()`, `-min()`, `-max()` in CSS -- wrapped in `calc(-1 * ...)` if negative needed\n\n**Structure:**\n- [ ] Slide count matches Step 3 plan\n- [ ] Every slide uses `class=\"slide\"`\n- [ ] Each layout type correctly implemented per `references/layout-library.md`\n- [ ] SlidePresentation class present with keyboard nav, touch, progress bar, nav dots\n- [ ] `navDotsContainer.innerHTML = \"\"` before building nav dots\n- [ ] If inline editing opted-in: `exportFile()` strips edit-state before capturing `outerHTML`\n\n**Design quality:**\n- [ ] ONE unmissable slide visually dominant -- not buried among equal-weight slides\n- [ ] Typography hierarchy clear: display >> heading >> body (at least 2:1 size ratio between levels)\n- [ ] Style preset tokens applied consistently (colors, fonts from `references/style-presets.md`)\n- [ ] No slop patterns (check against DO NOT USE list in `references/style-presets.md`)\n\n**Content:**\n- [ ] No forbidden words in any slide copy\n- [ ] title-hero headline is 6 words or fewer\n- [ ] stat-highlight has ZERO body copy competing with the numbers\n- [ ] closing-cta has specific action + contact info (not just \"Thank You\")\n\nIf any check fails: fix inline, then re-run the checklist mentally before proceeding.\n\n---\n\n## Step 7: Output\n\n**Save the main HTML first:**\n\n```bash\nmkdir -p deck/[name]-slides\n```\n\nWrite to: `deck/[name]-slides/index.html`\n\nOpen it: `open deck/[name]-slides/index.html`\n\n**Per-slide HTML files (always generate these):**\n\nExtract each `<section class=\"slide\">` from the main HTML. For each one, create a standalone file with:\n- The full `<style>` block from the main HTML (copied verbatim)\n- The individual `<section class=\"slide\">` wrapped in a minimal HTML shell\n- No SlidePresentation JS (static per-slide viewing, no navigation needed)\n\nWrite to: `deck/[name]-slides/slide-001.html`, `slide-002.html`, etc. (zero-padded to 3 digits).\n\n**If PDF requested:**\n\n```bash\nbash /Users/ksd/Desktop/Varnan_skills/frontend-slides/scripts/export-pdf.sh \\\n  deck/[name]-slides/index.html \\\n  deck/[name].pdf\n```\n\nNote: first run installs Playwright automatically (~30-60 seconds). Inform the user.\n\n**If deploy requested:**\n\n```bash\nbash /Users/ksd/Desktop/Varnan_skills/frontend-slides/scripts/deploy.sh \\\n  deck/[name]-slides/\n```\n\n**Cleanup:** Delete `.claude-design/previews/` if style preview files were generated in Step 2.\n\n---\n\n## Step 8: Summary (no HTML in chat)\n\nPresent in chat:\n\n```\n## Slide Deck: [deck name]\nDate: [today] | Style: [style] | Slides: [N] | Aspect: [16:9 or 1:1]\nPurpose: [purpose] | Audience: [audience]\n\n---\n\n### Files\nMain:      deck/[name]-slides/index.html\nPer-slide: deck/[name]-slides/slide-001.html → slide-0NN.html\nPDF:       deck/[name].pdf  [if generated]\nLive URL:  [url]  [if deployed]\n\n---\n\n### Navigation\nArrow keys / Space / Page Up/Down -- advance slides\nClick nav dots -- jump to any slide\nTouch / swipe -- works on mobile\n\n---\n\n### Customize\nEdit :root CSS variables at the top of the file to change colors\nSwap the @import font URL to change typography\nRemove .reveal class from elements to disable entrance animations\n\n---\n\n### Deck Checklist\n- [ ] Replace [IMAGE: description] placeholders with real images\n- [ ] Verify the metric/quote on slide [N] is accurate (the unmissable slide)\n- [ ] Test on your target display size ([1920×1080 or 1080×1080])\n- [ ] If presenting live: test keyboard nav in fullscreen mode (F11 / Cmd+Ctrl+F)\n- [ ] Replace [QR: url] on closing slide with an actual QR code image\n```\n\nDo not print the HTML in the chat.\n\n---\n\n## Section Reference\n\n| Layout | Use case |\n|---|---|\n| title-hero | Opening slide -- large headline + subtext |\n| section-divider | Section break -- bold label, minimal |\n| text-full | Headers + bullets or paragraphs |\n| text-left-image-right | Side-by-side: text + image |\n| image-left-text-right | Side-by-side: image first |\n| two-column-text | Comparisons, pros/cons, before/after |\n| image-full | Full-bleed image + optional caption |\n| image-grid | 2×2 or 3×2 image gallery |\n| stat-highlight | 2-4 large KPI metrics |\n| quote-callout | Pull quote with attribution |\n| comparison-table | Feature/option comparison grid |\n| timeline | Horizontal or vertical milestones |\n| closing-cta | Final slide -- CTA + contact info |","tags":["graphic","slide","deck","opendirectory","varnan-tech","agent-skills","gtm","hermes-agent","marketing-skills","openclaw-skills","skill-pack","skills"],"capabilities":["skill","source-varnan-tech","skill-graphic-slide-deck","topic-agent-skills","topic-gtm","topic-hermes-agent","topic-marketing-skills","topic-openclaw-skills","topic-skill-pack","topic-skills","topic-technical-seo"],"categories":["opendirectory"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/Varnan-Tech/opendirectory/graphic-slide-deck","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add Varnan-Tech/opendirectory","source_repo":"https://github.com/Varnan-Tech/opendirectory","install_from":"skills.sh"}},"qualityScore":"0.593","qualityRationale":"deterministic score 0.59 from registry signals: · indexed on github topic:agent-skills · 286 github stars · SKILL.md body (14,841 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-18T18:54:41.500Z","embedding":null,"createdAt":"2026-04-30T18:55:38.114Z","updatedAt":"2026-05-18T18:54:41.500Z","lastSeenAt":"2026-05-18T18:54:41.500Z","tsv":"'-10':292,774 '-12':856 '-20':295,826 '-3':639,1102 '-4':989,1024,1065 '-6':1002,1096,1107 '/previews/style-a.html':486,495 '/users/ksd/desktop/varnan_skills/frontend-slides/viewport-base.css':1196 '1':90,167,198,276,364,365,698,776,911,979,1101,1111 '10':294,751,1046 '100vh':96 '1080':362,366,367 '11':757 '12':426,696,765,905,927 '13':26,684 '15':825 '16':359,440 '1920':361 '2':107,185,215,251,287,515,638,704,780,921,988,1005,1032,1064 '2.5':505 '20':297 '3':123,229,298,461,471,503,520,600,651,666,710,787,1023,1036,1072,1093,1106 '30':1082 '4':139,314,716,794,949,951,1001,1095 '5':151,291,328,724,800,919,998,1118,1169 '6':356,730,806,975,1054 '7':369,737,812 '8':30,384,743,773,819,855 '9':360,396,441,746 'action':1122 'adject':1154,1162 'adjust':941 'aesthet':156 'ai':154 'altern':811 'answer':516,664 'anyth':120 'appli':268 'ask':189,254,497,653,770,932 'aspect':357,438 'asset':316,432 'assign':678 'attribut':1085 'audienc':216,282 'badg':983 'beat':1161 'bias':635 'bodi':1076 'bold':559 'bold-express':558 'bracket':901 'brief':14,62,168,238 'browser':81,378 'brutalist':339,557,585 'build':44,83 'bullet':1003,1025,1037 'busi':763 'call':208 'callout':619,783,847,1080 'caption':1045,1060 'categori':262 'cdn':137 'cell':1099 'chang':1141 'charact':522 'chat':144 'check':157 'clamp':115 'claud':484,493 'claude-design':483,492 'clean':337,436,542,582 'clean-slat':336,435,541,581 'close':629,767,821,851,883,929,1074,1115 'closing-cta':628,766,820,850,882,928,1114 'cloud':352,568 'column':872,1030,1033,1091 'compani':702 'comparison':739,808,876,1089 'comparison-t':738,807,875,1088 'competitor':742 'complet':252 'confer':209,226,584,615,823 'confirm':946 'contact':1124 'contain':75,127 'content':16,63,101,232,275,299,302,427,952,1100,1199 'context':864 'continu':249 'copi':958,967,1077,1134,1155 'corpor':343,564,571 'count':289,425 'creat':37 'critic':85 'cross':1190 'cross-refer':1189 'css/js':130 'cta':630,768,822,852,884,930,1116,1121 'current':868 'cut':1147 'cutting-edg':1146 'dark':539 'dark-editori':538 'datapuls':915 'date':1110 'decis':886,917 'decision/recommendation':631 'deck':4,11,40,47,52,59,203,397,449,478,609,645,690,772 'default':267,363,413,417 'depend':134 'deploy':393 'deriv':410,420,451,523,659 'descript':239,1027,1043,1056,1113 'design':8,56,327,485,494,507,657,668 'detail':715 'determin':517 'differ':472 'direct':508,658 'divid':707,833,924,987 'draft':313,953 'dump':141 'e.g':403,1071 'earn':1165 'edg':1148 'edit':371,375,443 'editori':332,533,540,579,589,909 'email':1126 'entir':661 'etc':496 'everi':91,1163 'exact':190,1194 'exampl':902 'except':135,1136 'execut':225 'exist':67,315,431 'export':380 'express':560 'extern':133 'faster':1073 'file':21,68,77,147,243,1195 'file/folder':401 'filler':1153 'fine':1159 'fit':94,476 'fix':117 'font':109,136 'forbidden':1130 'format':386,446 'fragment':1157 'fresh':570 'fresh-corpor':569 'frontend':1187 'frontend-slid':1186 'full':675,713,727,749,815,836,840,863,880,996,1041,1198 'game':1140 'game-chang':1139 'generat':5,53,460,1171,1175 'generic':153 'get':192 'graphic':2,50 'graphic-slide-deck':1 'gray':335,553,593 'grid':797,1051 'group':260 'head':997,1022,1034 'header':1092 'headlin':974,1117 'hero':701,779,830,860,914,973 'highlight':605,612,623,733,754,803,843,867,1063 'html':9,57,76,128,142,387,389,391,447,465,965,1170,1177 'identifi':597 'imag':318,720,726,761,791,796,839,1015,1018,1026,1040,1042,1050,1055 'image-ful':725,838,1039 'image-grid':795,1049 'image-left-text-right':1017 'implement':816 'in-brows':376 'includ':323,1197 'infer':527 'info':1125 'inlin':131,370,442 'innov':1143 'insid':99,1201 'insight':625 'intak':169,253 'intern':211,506,590,626,853 'investor':205,406,575,601,694 'key':277,418,624 'label':992,1070,1098,1109 'layout':27,633,642,680,898,970 'layout-typ':897 'leav':286 'left':719,760,790,1014,1019 'leverag':1142 'light':549 'light-minim':548 'line':1112 'link':138 'linkedin':228,368 'list':163,895 'll':307,312,409 'logo':321 'long':296 'magazin':348,536 'magazine-r':347,535 'make':41,48 'market':755 'matt':334,552,592 'matt-gray':333,551,591 'max':977,1000,1035,1048,1084,1094,1120 'medium':293 'messag':181,259,278,419 'metric':1066 'midnight':331,532,578,588,908 'midnight-editori':330,531,577,587,907 'mileston':1108 'minim':346,547,550 'mint':341,562 'mint-pixel-corpor':340,561 'minut':920 'miss':188 'model':764 'must':93,113,283 'name':398,402,450,1086 'need':170,195 'negoti':89 'neutral':555 'neutral-profession':554 'never':116,140,652,1007 'next':817 'non':88 'non-negoti':87 'none':433 'note':64,234,305,636 'number':894,1069,1160 'onboard':213 'one':258,467,594 'open':78,489,491 'option':23,355,459,874,981,1044 'output':17,69,383,385,445,888 'overflow':102 'overview':723 'pain':785 'paragraph':1006 'past':233 'path':325 'pdf':24,390,392,448 'per':956,969 'per-slid':955 'philosophi':1156 'pick':500 'pill':982 'pitch':46,206,407,576,602,695 'pixel':342,563 'place':1167 'placehold':1057 'plain':961 'plan':672,673 'point':786 'power':1137 'present':22,43,178,212,627,854 'preset':32,474 'preview':466 'priorit':648 'problem':709,714,926 'product':345,546,728,798 'product-minim':344,545 'profession':7,55,556 'propos':890,903 'prospect':222,784 'purpos':199,422,480 'px/rem':118 'q2':405 'q2-investor-pitch':404 'question':256,271,416 'quot':618,782,846,1079,1081 'quote-callout':617,781,845,1078 'ratio':358,439 'read':669,1172,1192 'readi':303 'recommend':881 'red':349,537 'refer':1181,1191 'references/animation-guide.md':1185 'references/design-system.md':1182 'references/layout-library.md':670,686,1183 'references/style-presets.md':165,1184 'relev':641 'rememb':284 'requir':1129 'revenu':916 'revolutionari':1144 'right':721,762,792,1016,1021 'roadmap':745 'robust':1149 'roi/results':613,804 'room':227 'rough':304 'row':1097 'rule':86,968 'sale':207,580,608,771 'save':145,481 'say':36 'scalabl':1151 'scale':122 'screenshot':319,729,799 'scroll':98 'seamless':1138 'section':706,832,923,986,991 'section-divid':705,831,922,985 'see':219 'select':634 'self':74,126 'self-contain':73,125 'sentenc':280,980 'sequenc':677,960 'short':290,1059 'show':148,353,457 'shown':510 'singl':20,72,124,279,463 'single-fil':19 'single-slid':462 'size':110,756 'skill':1179 'skill-graphic-slide-deck' 'skip':182,265,412,415 'slate':338,437,543,583 'slide':3,10,39,49,51,58,92,100,106,288,424,464,596,607,614,632,676,689,697,736,775,827,837,857,906,943,957,1011,1188 'slop':155 'slug':399,454 'soft':351,567 'soft-cloud':350,566 'solut':722,793 'sourc':300,428 'source-varnan-tech' 'space':112 'specifi':530,574 'split':103 'start':174,193,274 'stat':604,611,622,732,753,802,842,866,1062 'stat-highlight':603,610,621,731,752,801,841,865,1061 'state':869 'step':166,184,250,502,504,514,519,599,650,665,818,948,950,1168 'structur':308,667,693,891,904,936 'style':31,329,434,456,473,525,572,910 'style-b.html':487 'style-c.html':488 'subtitl':978 'summari':149 'support':25 'tabl':740,809,877,1090 'taglin':703 'talk':210,616,824 'team':224,750 'team@datapulse.io':933 'text':373,712,718,748,759,789,814,835,862,873,879,962,984,995,1013,1020,1031,1123 'text-ful':711,747,813,834,861,878,994 'text-left-image-right':717,758,788,1012 'thing':172,197 'three':171,177,196,247 'timelin':744,849,1105 'titl':700,778,829,859,913,972,1087 'title-hero':699,777,828,858,912,971 'tool':84 'topic':230,309,423,429,453 'topic-agent-skills' 'topic-gtm' 'topic-hermes-agent' 'topic-marketing-skills' 'topic-openclaw-skills' 'topic-skill-pack' 'topic-skills' 'topic-technical-seo' 'traction':734 'traction/metrics':606 'transform':1145 'trigger':33 'two':105,871,1029 'two-column-text':870,1028 'type':28,646,681,691,899 'typic':692 'unlock':1150 'unmiss':595,735,805,848,887 'upload':241 'url':236,395,1127 'use':114,162 'user':35,263,498,512,655 'vcs':221 'verbatim':1200 'visual':521 'vs':741,810 'wait':244,944 'within':95 'word':976,990,999,1047,1083,1103,1119,1131,1164 'work':937 'write':954 'written':1067 'yes':324,381 'yet':966 'zero':132,1075","prices":[{"id":"8ae3e7a2-ad1c-43db-a3d4-d1aa4ad1d5b4","listingId":"e09656db-9b8b-49e5-a3a8-0f384bed0f6b","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"Varnan-Tech","category":"opendirectory","install_from":"skills.sh"},"createdAt":"2026-04-30T18:55:38.114Z"}],"sources":[{"listingId":"e09656db-9b8b-49e5-a3a8-0f384bed0f6b","source":"github","sourceId":"Varnan-Tech/opendirectory/graphic-slide-deck","sourceUrl":"https://github.com/Varnan-Tech/opendirectory/tree/main/skills/graphic-slide-deck","isPrimary":false,"firstSeenAt":"2026-04-30T18:55:38.114Z","lastSeenAt":"2026-05-18T18:54:41.500Z"}],"details":{"listingId":"e09656db-9b8b-49e5-a3a8-0f384bed0f6b","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"Varnan-Tech","slug":"graphic-slide-deck","github":{"repo":"Varnan-Tech/opendirectory","stars":286,"topics":["agent-skills","gtm","hermes-agent","marketing-skills","openclaw-skills","skill-pack","skills","technical-seo"],"license":"mit","html_url":"https://github.com/Varnan-Tech/opendirectory","pushed_at":"2026-05-18T18:27:10Z","description":" AI Agent Skills built for Founders who hate Marketing","skill_md_sha":"d5135a6e9fa5f242537eb8df9db2243eba122be5","skill_md_path":"skills/graphic-slide-deck/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/Varnan-Tech/opendirectory/tree/main/skills/graphic-slide-deck"},"layout":"multi","source":"github","category":"opendirectory","frontmatter":{"name":"graphic-slide-deck","description":"Generates a professionally designed HTML slide deck from a brief or content. Outputs a single-file presentation + optional PDF. Supports 13 layout types and 8 style presets. Trigger when user says \"create a slide deck\", \"make a presentation\", \"build a pitch deck\", \"make slides\", \"convert my notes to slides\".","compatibility":"[claude-code, gemini-cli, github-copilot]"},"skills_sh_url":"https://skills.sh/Varnan-Tech/opendirectory/graphic-slide-deck"},"updatedAt":"2026-05-18T18:54:41.500Z"}}