{"id":"489003e1-74b8-426f-850a-815c0b56eb07","shortId":"NKB6ce","kind":"skill","title":"slide-creator","tagline":"Use when creating slide decks with Marp/Marpit Markdown (marp), including authoring slide content, designing slide color schemes, and building SVG diagrams or illustrations for the deck.","description":"# Slide Creation Toolkit\n\nCreate professional Marp/Marpit presentations, diagrams, and color systems with a consistent design language.\n\n## Core rules\n\n- **Use `bg` (background) syntax for all images** - Reduces manual resizing with `fit` modifier\n- Define one 7-role color palette and reuse it in slides and SVGs.\n- Define one spacing unit (e.g., 8px or 16px) and reuse it across layouts.\n- Define text hierarchy tiers (title/section/body) with sizes and weights; use them consistently.\n- For SVGs, use one stroke width and one corner radius across shapes.\n\n## Design guidance (non-enforceable)\n\n- Aim for clear visual hierarchy with size, weight, and saturation.\n- Prefer one visual language (fill vs outline, emphasis rules).\n- Minimize visual noise; keep one primary visual anchor per section.\n\n## Working directory\n\nThis umbrella skill does not own module assets or scripts.\nUse the focused skills (`marp-authoring`, `slide-color-design`, `svg-illustration`) for paths and commands.\n\n## Start here (task entry)\n\n**Entry skills (fast routing)**:\n- `marp-authoring` → Marp/Marpit authoring rules, layouts, themes\n- `slide-color-design` → palette workflow and color roles\n- `svg-illustration` → SVG diagram rules, patterns, embedding\n\nPick one task and follow the exact reading path:\n\n- **Color palette only** → `slide-color-design`\n- **Slides only (no diagrams)** → `marp-authoring`\n- **Diagram only** → `svg-illustration`\n- **Slides + diagrams** → `marp-authoring` → `svg-illustration`\n- **Full deck (colors + slides + diagrams)** → `slide-color-design` → `marp-authoring` → `svg-illustration`\n\n## One-page quick reference\n\n**Minimal steps (fast path)**:\n1. Pick a palette → `slide-color-design`.\n2. Draft slides → `marp-authoring`.\n3. Add SVG diagrams → `svg-illustration`.\n4. Validate via the module skills.\n\n**Common commands**:\n- `slide-color-design` → palette scripts\n- `marp-authoring` → Marp validation/preview\n- `svg-illustration` → SVG linting\n\n**Output summary**: Use module-specific output examples via the entry skills.\n\n## Quick Start\n\n### Two Ways to Start\n\n**Option 1: Use scripts** (automated):\n```bash\nuv run skills/marp-authoring/scripts/init_presentation.py technical-dark my-deck.md \"My Title\" \"Author\"\n```\n\n**Option 2: Work manually** (full control):\n- Copy a template from `marp-authoring` → `assets/templates/` → customize\n- Design colors via `slide-color-design`\n- Write slides via `marp-authoring`\n- Add diagrams via `svg-illustration`\n\n**Study examples first**: Read `marp-authoring` → `assets/examples/` to see working presentations before starting.\n\n### Script Commands\n\nUse `slide-color-design` for palette scripts and outputs.\n\n**Templates** (starting points - copy and fill in your content):\n- Use `marp-authoring` → `assets/templates/`.\n\n**Examples** (learning references - study patterns and copy techniques):\n- `marp-authoring` → `assets/examples/` for slide patterns.\n- `svg-illustration` → `assets/examples/` for diagram examples.\n- `slide-color-design` → `assets/examples/` for palette examples.\n\n**Common icons** (ready to use in slides):\n- `marp-authoring` → `assets/icons/`.\n\n## Quick index (where to look)\n\n- **Reference hub**: `references/index.md`\n- **Color design**: `slide-color-design`\n- **Marpit authoring**: `marp-authoring`\n- **SVG illustration**: `svg-illustration`\n- **Decision guide**: `references/decision-guide.md`\n\n## Modules\n\nUse the focused skills for module-specific rules and references:\n\n- **Color design** → `slide-color-design`\n- **Marpit authoring** → `marp-authoring`\n- **SVG illustration** → `svg-illustration`\n\n## Workflow\n\n### Single tasks\n\nDraw a diagram:\n1. Use `svg-illustration` for core rules and patterns.\n2. Choose colors via `slide-color-design` or existing palette.\n\nDesign slide colors:\n1. Use `slide-color-design` for workflow and templates.\n\nWrite slides:\n1. Use `marp-authoring` for syntax and layout patterns.\n2. Apply a palette from `slide-color-design`.\n\n### Full presentation\n\n1. Establish a palette with the color module.\n2. Outline slides and author via `marp-authoring`.\n3. Add diagrams via `svg-illustration`.\n4. Keep palette, spacing, and hierarchy consistent.\n\n## Decision guide\n\nSee [references/decision-guide.md](references/decision-guide.md) for a flowchart and loading strategy.\n\nQuick rules:\n```\nSlides or deck -> marp-authoring\nSlides + colors -> slide-color-design -> marp-authoring\nSlides + diagrams -> marp-authoring + svg-illustration\nDiagram only -> svg-illustration\n```\n\nScale reference loading:\n```\nSimple request -> core rules only\nComplex request -> add patterns and best-practices\n```\n\n## Output formats\n\nUse the focused skills for module-specific output formats:\n- `slide-color-design` → `references/output-examples.md`\n- `marp-authoring` → `references/output-examples.md`\n- `svg-illustration` → `references/output-examples.md`\n\n## Integration rules\n\n- Use palette hex values in SVG `fill` and `stroke`.\n- Keep border radius and stroke widths consistent between Marpit and SVG.\n- Embed SVGs with Markdown images or file references.\n\n## Troubleshooting\n\nCommon cross-cutting issues:\n- [references/troubleshooting-common.md](references/troubleshooting-common.md)\n- [svg-illustration](../svg-illustration/SKILL.md) → `references/troubleshooting.md`\n\n## Common mistakes\n\n- Using absolute paths instead of relative paths for assets.\n- Using multiple palettes across one deck or between slides and SVGs.\n- Skipping validation checks (Marp, SVG lint, contrast).\n\nSee `marp-authoring`, `slide-color-design`, and `svg-illustration` for module-specific mistakes.\n\n## Quick check (minimal)\n\nUse module-specific quick checks:\n- `marp-authoring` → validation/preview workflow\n- `svg-illustration` → SVG lint checks\n- `slide-color-design` → contrast checks\n\n## Validation\n\nUse the module-specific validation guides:\n- `marp-authoring` → `references/preview-workflow.md`\n- `svg-illustration` → `references/troubleshooting.md`\n- `slide-color-design` → `references/color-design/workflow.md` (validation checklist)\n\nAlways validate before committing files using the focused skills.\n\n## Constraints\n\n- Output Marpit Markdown only; do not generate PowerPoint/Keynote files.\n- Output SVG only; do not generate raster images.\n- Avoid interactive animations; keep slides static.\n- Preserve provided brand colors; adapt them into the palette.","tags":["slide","creator","skills","narumiruna","agent-skills"],"capabilities":["skill","source-narumiruna","skill-slide-creator","topic-agent-skills"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/narumiruna/skills/slide-creator","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add narumiruna/skills","source_repo":"https://github.com/narumiruna/skills","install_from":"skills.sh"}},"qualityScore":"0.453","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 7 github stars · SKILL.md body (6,329 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-18T19:13:47.696Z","embedding":null,"createdAt":"2026-05-18T19:13:47.696Z","updatedAt":"2026-05-18T19:13:47.696Z","lastSeenAt":"2026-05-18T19:13:47.696Z","tsv":"'/svg-illustration/skill.md':734 '1':268,332,523,547,559,580 '16px':81 '2':276,348,533,569,588 '3':282,597 '4':289,604 '7':63 '8px':79 'absolut':739 'across':85,109,750 'adapt':868 'add':283,375,598,662 'aim':116 'alway':831 'anchor':142 'anim':860 'appli':570 'asset':154,746 'assets/examples':388,432,439,447 'assets/icons':461 'assets/templates':360,420 'author':14,163,185,187,230,240,255,281,305,346,359,374,387,419,431,460,477,480,508,511,563,592,596,629,638,643,687,768,793,818 'autom':335 'avoid':858 'background':50 'bash':336 'best':666 'best-practic':665 'bg':49 'border':705 'brand':866 'build':22 'check':760,783,790,801,807 'checklist':830 'choos':534 'clear':118 'color':19,39,65,166,193,198,217,222,246,251,274,299,363,367,400,445,470,474,501,505,535,539,546,551,576,586,631,634,682,771,804,826,867 'command':174,296,396 'commit':834 'common':295,451,724,736 'complex':660 'consist':43,98,610,710 'constraint':840 'content':16,415 'contrast':764,806 'control':352 'copi':353,410,427 'core':46,529,657 'corner':107 'creat':6,33 'creation':31 'creator':3 'cross':726 'cross-cut':725 'custom':361 'cut':727 'dark':342 'decis':486,611 'deck':8,29,245,626,752 'defin':61,74,87 'design':17,44,111,167,194,223,252,275,300,362,368,401,446,471,475,502,506,540,544,552,577,635,683,772,805,827 'diagram':24,37,204,227,231,237,248,285,376,441,522,599,640,647 'directori':146 'draft':277 'draw':520 'e.g':78 'emb':715 'embed':207 'emphasi':133 'enforc':115 'entri':178,179,323 'establish':581 'exact':214 'exampl':320,382,421,442,450 'exist':542 'fast':181,266 'file':721,835,849 'fill':130,412,701 'first':383 'fit':59 'flowchart':618 'focus':159,492,672,838 'follow':212 'format':669,679 'full':244,351,578 'generat':847,855 'guid':487,612,815 'guidanc':112 'hex':697 'hierarchi':89,120,609 'hub':468 'icon':452 'illustr':26,170,202,235,243,258,288,310,380,438,482,485,513,516,527,603,646,651,691,733,776,798,822 'imag':54,719,857 'includ':13 'index':463 'instead':741 'integr':693 'interact':859 'issu':728 'keep':138,605,704,861 'languag':45,129 'layout':86,189,567 'learn':422 'lint':312,763,800 'load':620,654 'look':466 'manual':56,350 'markdown':11,718,843 'marp':12,162,184,229,239,254,280,304,306,358,373,386,418,430,459,479,510,562,595,628,637,642,686,761,767,792,817 'marp-author':161,183,228,238,253,279,303,357,372,385,417,429,458,478,509,561,594,627,636,641,685,766,791,816 'marp/marpit':10,35,186 'marpit':476,507,712,842 'minim':135,264,784 'mistak':737,781 'modifi':60 'modul':153,293,317,489,496,587,676,779,787,812 'module-specif':316,495,675,778,786,811 'multipl':748 'my-deck.md':343 'nois':137 'non':114 'non-enforc':113 'one':62,75,102,106,127,139,209,260,751 'one-pag':259 'option':331,347 'outlin':132,589 'output':313,319,406,668,678,841,850 'page':261 'palett':66,195,218,271,301,403,449,543,572,583,606,696,749,872 'path':172,216,267,740,744 'pattern':206,425,435,532,568,663 'per':143 'pick':208,269 'point':409 'powerpoint/keynote':848 'practic':667 'prefer':126 'present':36,392,579 'preserv':864 'primari':140 'profession':34 'provid':865 'quick':262,325,462,622,782,789 'radius':108,706 'raster':856 'read':215,384 'readi':453 'reduc':55 'refer':263,423,467,500,653,722 'references/color-design/workflow.md':828 'references/decision-guide.md':488,614,615 'references/index.md':469 'references/output-examples.md':684,688,692 'references/preview-workflow.md':819 'references/troubleshooting-common.md':729,730 'references/troubleshooting.md':735,823 'relat':743 'request':656,661 'resiz':57 'reus':68,83 'role':64,199 'rout':182 'rule':47,134,188,205,498,530,623,658,694 'run':338 'satur':125 'scale':652 'scheme':20 'script':156,302,334,395,404 'section':144 'see':390,613,765 'shape':110 'simpl':655 'singl':518 'size':93,122 'skill':149,160,180,294,324,493,673,839 'skill-slide-creator' 'skills/marp-authoring/scripts/init_presentation.py':339 'skip':758 'slide':2,7,15,18,30,71,165,192,221,224,236,247,250,273,278,298,366,370,399,434,444,457,473,504,538,545,550,558,575,590,624,630,633,639,681,755,770,803,825,862 'slide-color-design':164,191,220,249,272,297,365,398,443,472,503,537,549,574,632,680,769,802,824 'slide-cr':1 'source-narumiruna' 'space':76,607 'specif':318,497,677,780,788,813 'start':175,326,330,394,408 'static':863 'step':265 'strategi':621 'stroke':103,703,708 'studi':381,424 'summari':314 'svg':23,169,201,203,234,242,257,284,287,309,311,379,437,481,484,512,515,526,602,645,650,690,700,714,732,762,775,797,799,821,851 'svg-illustr':168,200,233,241,256,286,308,378,436,483,514,525,601,644,649,689,731,774,796,820 'svgs':73,100,716,757 'syntax':51,565 'system':40 'task':177,210,519 'technic':341 'technical-dark':340 'techniqu':428 'templat':355,407,556 'text':88 'theme':190 'tier':90 'titl':345 'title/section/body':91 'toolkit':32 'topic-agent-skills' 'troubleshoot':723 'two':327 'umbrella':148 'unit':77 'use':4,48,96,101,157,315,333,397,416,455,490,524,548,560,670,695,738,747,785,809,836 'uv':337 'valid':290,759,808,814,829,832 'validation/preview':307,794 'valu':698 'via':291,321,364,371,377,536,593,600 'visual':119,128,136,141 'vs':131 'way':328 'weight':95,123 'width':104,709 'work':145,349,391 'workflow':196,517,554,795 'write':369,557","prices":[{"id":"c770eae9-24ce-4b4a-8420-43e24fbbd052","listingId":"489003e1-74b8-426f-850a-815c0b56eb07","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"narumiruna","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T19:13:47.696Z"}],"sources":[{"listingId":"489003e1-74b8-426f-850a-815c0b56eb07","source":"github","sourceId":"narumiruna/skills/slide-creator","sourceUrl":"https://github.com/narumiruna/skills/tree/main/skills/slide-creator","isPrimary":false,"firstSeenAt":"2026-05-18T19:13:47.696Z","lastSeenAt":"2026-05-18T19:13:47.696Z"}],"details":{"listingId":"489003e1-74b8-426f-850a-815c0b56eb07","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"narumiruna","slug":"slide-creator","github":{"repo":"narumiruna/skills","stars":7,"topics":["agent-skills"],"license":"mit","html_url":"https://github.com/narumiruna/skills","pushed_at":"2026-05-17T11:15:28Z","description":null,"skill_md_sha":"a58bd2951b447cf6f257bc0e013b1c3a47f4f003","skill_md_path":"skills/slide-creator/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/narumiruna/skills/tree/main/skills/slide-creator"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"slide-creator","description":"Use when creating slide decks with Marp/Marpit Markdown (marp), including authoring slide content, designing slide color schemes, and building SVG diagrams or illustrations for the deck."},"skills_sh_url":"https://skills.sh/narumiruna/skills/slide-creator"},"updatedAt":"2026-05-18T19:13:47.696Z"}}