mcpField
M
marp-slides

marp-slides

github.com/podoDocuments29164 installsUpdated 1d ago
Repository

About marp-slides

marp-slides is a skill for creating Marp Markdown presentations, drawing on curated example decks to guide slide composition. It includes SVG chart and dashboard layout components, plus dark and light themes.

Key features

  1. 01Marp Markdown presentations
  2. 02Curated example decks
  3. 03SVG chart components
  4. 04Dashboard-style layouts
  5. 05Dark and light themes

Use cases

  1. 01Creating a Marp presentation
  2. 02Building slides with charts
  3. 03Designing dashboard-style slides

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill marp-slides

After installing, type/marp-slidesin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

marp-slides

Catalogue stub — full skill: robonuggets/marp-slides

Decision tree

  1. Is the full skill already installed? Check whether the skill at this location still has a das: block:

    • Global: grep -q "^das:" ~/.agents/skills/marp-slides/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • Project: grep -q "^das:" .agents/skills/marp-slides/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • No das: block → full skill installed, invoke it and proceed
    • das: block present → go to step 2

  2. Detect scope, then install:

    To detect scope:

    [ -e ~/.agents/skills/marp-slides ] && echo "global" || echo "project"

    Global (installed with -g):

    npx skills add robonuggets/marp-slides --skill marp-slides -g -y

    Project (installed without -g):

    npx skills add robonuggets/marp-slides --skill marp-slides -y

    Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

Skill name: marp-slides, triggers: "Marp", "marp-slides", "Marp presentation", "robonuggets slides"

What it does

Creates Marp Markdown presentations informed by 22 curated real-world example decks covering different content types and visual styles. Includes SVG-based chart components, dashboard-style layout components, and dark/light theme variants. The examples teach the skill correct slide composition: appropriate information density, visual hierarchy, and component reuse patterns.

When NOT to use

  • Animated or interactive slides — use revealjs-skill instead
  • Vue-component developer presentations — use slidev-skill instead
  • Quality-checking an existing Marp deck — use marp-slide-quality as a companion after creation

Comments

Markdown supported