Leaderboard/Presentations/marp-slides
Last commit on April 8, 2026·Created on April 8, 2026

robonuggets/marp-slides

Turns code and data into slides that look like dashboards.
Combined rank
#618
across all skills
In Presentations
#12
category rank
Stars
310
+2.3% in last 7d
Forks
60
-1.6% in last 7d
Watchers
0
0 watchers in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill generates MARP presentation decks with real SVG charts — line, pie, gauge, radar — and dashboard components like metric cards, status dots, and verdict tags. It is built for technical presenters, data analysts, and product managers who want polished, interactive slides without leaving the editor.

WHO IT'S FOR
Data Analysts and BI Engineers
building interactive dashboards and data-driven slide decks
Technical Writers and Documentation Teams
creating technical slide decks with code samples
Developer Advocates and Tech Presenters
designing interactive tech talks with animations
Product Managers and Growth Teams
presenting metrics and comparisons visually
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

Clone and add to Claude Code

Installs: Complete marp-slides repository bundle, including the marp-slides skill and its 22 example decks. · Claude Code

Before you start
  • Git installed and available for the documented clone command.
  • Claude Code installed and available for the documented add-directory command.
  • VS Code with the "Marp for VS Code" extension.

Run from: Run both terminal commands from the parent directory where the new ./marp-slides folder should be created.

  1. In a terminal, clone the MARP Slides repository.

    git clone https://github.com/robonuggets/marp-slides
  2. From the same terminal working directory, add the cloned ./marp-slides folder to Claude Code.

    claude --add-dir ./marp-slides
  3. In VS Code, install the "Marp for VS Code" extension.

  4. In VS Code settings, enable `markdown.marp.enableHtml` and `markdown.marp.allowLocalFiles` by setting both values to `true`.

SKILL.md · Checked Sep 18, 2026README.md · Checked Sep 18, 2026

Give it something to do.

Suggested first task

Create a Q1 sales review deck

Uses marp-slides

  • Path to the Q1 sales data file replacing `<path-to-q1-sales-data>`.
Use the marp-slides skill to create a MARP presentation reviewing my Q1 sales data. Use a dark theme and include stat cards and a bar chart. Before generating, read 2–3 matching data/dashboard examples from the skill's examples folder. My Q1 sales data is at `<path-to-q1-sales-data>`; replace this placeholder with the actual input file path.
SKILL.md · Checked Sep 18, 2026README.md · Checked Sep 18, 2026