New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Marp Slide Creator

by jjmartres in jjmartres/opencode

Builds Marp slide decks in one of seven ready-made themes, using bundled templates plus syntax, image and style references to keep slides short and readable.

MITAuto-check passedDocuments & Office

Install Marp Slide Creator

skills CLI
$ npx skills add jjmartres/opencode --skill marp-slide -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jjmartres/opencode marp-slide --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jjmartres/opencode.git skills-src && mkdir -p .claude/skills && cp -r skills-src/opencode/skills/marp-slide .claude/skills/marp-slide && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
marp-slide
GitHub stars
133
Used in
3 other repos
Token cost
~2.2k tokens
SKILL.md length
887 words
Files
22 (incl. references, assets)
Skills in repo
11
Repo updated
First seen
Licence
MIT

At a glance

Builds Marp slide decks in one of seven ready-made themes, using bundled templates plus syntax, image and style references to keep slides short and readable.

  • Works in 9 steps: Select Theme → Create Slides → Default Theme → …
  • Creating a Marp presentation from an outline or notes
  • SKILL.md covers When to Use This Skill, Quick Start, Available Themes and Creating Slides Process, plus 5 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

The skill picks a theme from your content: tech for developer material, business for corporate decks, colorful or gradient for creative or event slides, minimal for academic work, dark when you want a dark background, and default when unsure. It then reads the bundled reference files, starting with the Marp syntax guide, and copies the matching template from its assets folder.

Slides follow its quality guidance: a title slide, short second-level headings, three to five bullet points per slide and plenty of whitespace. Images are added using the patterns in its image reference, and the finished deck is saved as a Markdown file in marp/outputs/. Vague requests such as make it look good are treated as a cue to apply these defaults, and a separate guide covers writing a custom theme.

When your agent uses it

  • Creating a Marp presentation from an outline or notes
  • Improving the look of an existing Marp deck
  • Preparing lecture or seminar slides built mostly from bullet points

Example prompts

  • “Make a Marp deck about our API redesign with the tech theme.”
  • “Turn these meeting notes into Marp slides using the business theme.”
  • “My Marp deck looks plain, so please make it look good with a dark theme.”
  • “Create seminar slides on renewable energy with two images and the minimal theme.”

Workflow steps

9 steps, taken from the step headings in SKILL.md.

  1. Select Theme
  2. Create Slides
  3. Default Theme
  4. Minimal Theme
  5. Colorful & Pop Theme
  6. Dark Mode Theme
  7. Gradient Background Theme
  8. Tech/Code Theme
  9. Business Theme

What it can do on your machine

Read from SKILL.md and the folder at commit 28dc323. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • marpit.marp.app
    • github.com
    • marp.app

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Marp Slide Creator loads about 2.2k tokens when it runs, and up to ~11k if it reads all its reference files. Until then it costs about 81 tokens; SKILL.md has 887 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~81
When it runs · the whole SKILL.md, loaded when a task matches
~2.2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~11k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jjmartres/opencode at commit 28dc323, republished under its MIT licence (© jjmartres). 887 words, ~2,180 tokens.

Download SKILL.mdSave it as .claude/skills/marp-slide/SKILL.md (or your agent's skills folder). This skill also uses 21 other files; get the full folder from GitHub.
name
marp-slide
description
Create professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful, dark, gradient, tech, business). Use when users request slide creation, presentations, or Marp documents. Supports custom themes, image layouts, and "make it look good" requests with automatic quality improvements.

Marp Slide Creator

Create professional, visually appealing Marp presentation slides with 7 pre-designed themes and built-in best practices.

When to Use This Skill

Use this skill when the user:

  • Requests to create presentation slides or Marp documents
  • Asks to "make slides look good" or "improve slide design"
  • Provides vague instructions like "make it nice" or "make it cool"
  • Wants to create lecture or seminar materials
  • Needs bullet-point focused slides with occasional images

Quick Start

Step 1: Select Theme

First, determine the appropriate theme based on the user's request and content.

Quick theme selection:

  • Technical/Developer content → tech theme
  • Business/Corporate → business theme
  • Creative/Event → colorful or gradient theme
  • Academic/Simple → minimal theme
  • General/Unsure → default theme
  • Dark background preferred → dark or tech theme

For detailed theme selection guidance, read references/theme-selection.md.

Step 2: Create Slides

  1. Read relevant references first:

    • Always start by reading references/marp-syntax.md for basic syntax
    • For images: references/image-patterns.md (official Marpit image syntax)
    • For advanced features (math, emoji): references/advanced-features.md
    • For custom themes: references/theme-css-guide.md

  2. Copy content from the appropriate template file:

    • assets/template-basic.md - Default theme (most common)
    • assets/template-minimal.md - Minimal theme
    • assets/template-colorful.md - Colorful theme
    • assets/template-dark.md - Dark mode theme
    • assets/template-gradient.md - Gradient theme
    • assets/template-tech.md - Tech/code theme
    • assets/template-business.md - Business theme

  3. Read references/best-practices.md for quality guidelines

  4. Structure content following best practices:

    • Title slide with <!-- _class: lead -->
    • Concise h2 titles (5-7 characters in Japanese)
    • 3-5 bullet points per slide
    • Adequate whitespace

  5. Add images if needed using patterns from references/image-patterns.md

  6. Save to marp/outputs/ with .md extension

Available Themes

1. Default Theme

Colors: Beige background, navy text, blue headings Style: Clean, sophisticated with decorative lines Use for: General seminars, lectures, presentations Template: template-basic.md

2. Minimal Theme

Colors: White background, gray text, black headings Style: Minimal decoration, wide margins, light fonts Use for: Content-focused presentations, academic talks Template: template-minimal.md

3. Colorful & Pop Theme

Colors: Pink gradient background, multi-color accents Style: Vibrant gradients, bold fonts, rainbow accents Use for: Youth-oriented events, creative projects Template: template-colorful.md

4. Dark Mode Theme

Colors: Black background, cyan/purple accents Style: Dark theme with glow effects, eye-friendly Use for: Tech presentations, evening talks, modern look Template: template-dark.md

5. Gradient Background Theme

Colors: Purple/pink/blue/green gradients (varies per slide) Style: Different gradient per slide, white text, shadows Use for: Visual-focused, creative presentations Template: template-gradient.md

6. Tech/Code Theme

Colors: GitHub-style dark background, blue/green accents Style: Code fonts, Markdown-style headers with # symbols Use for: Programming tutorials, tech meetups, developer content Template: template-tech.md

7. Business Theme

Colors: White background, navy headings, blue accents Style: Corporate presentation style, top border, table support Use for: Business presentations, proposals, reports Template: template-business.md

Creating Slides Process

Basic Workflow

  1. Understand requirements

    • Identify content: title, topics, key points
    • Determine target audience
    • Assess formality level

  2. Select theme

    • Use quick selection rules above
    • If uncertain, consult references/theme-selection.md
    • Default to default theme if still unsure

  3. Apply template

    • Load appropriate template from assets/
    • CSS is already embedded - no external files needed
    • Maintain template structure

  4. Structure content

    • Title slide: <!-- _class: lead --> + h1
    • Content slides: h2 title + bullet points
    • Keep titles to 5-7 characters (Japanese)
    • Use 3-5 bullet points per slide

  5. Refine quality

    • Read references/best-practices.md
    • Ensure adequate whitespace
    • Maintain consistency
    • Keep text concise (15-25 chars per line)

  6. Add images

    • If needed, consult references/image-patterns.md
    • Common: ![bg right:40%](image.png) for side images
    • Use proper Marp image syntax

  7. Output file

    • Save to /mnt/user-data/outputs/
    • Use descriptive filename like presentation.md
Show full SKILL.md (346 more words)Show less

Handling "Make It Look Good" Requests

When users give vague instructions like "make it feel good/nice", "make it cool/stylish", or "make it cool":

  1. Infer theme from content:

    • Business content → business theme
    • Technical content → tech or dark theme
    • Creative content → gradient or colorful theme
    • General → default theme

  2. Apply best practices automatically:

    • Shorten titles to 5-7 characters
    • Limit bullet points to 3-5 items
    • Add adequate whitespace
    • Use consistent structure

  3. Enhance visual hierarchy:

    • Use h3 for sub-sections when appropriate
    • Break up dense text into multiple slides
    • Ensure logical flow (intro → body → conclusion)

  4. Maintain professional tone:

    • Match formality to content
    • Use parallel structure in lists
    • Keep technical terms consistent

Image Integration

For slides with images, consult references/image-patterns.md for detailed syntax.

Common patterns:

  • Side image: ![bg right:40%](image.png) - Image on right, text on left
  • Centered: ![w:600px](image.png) - Centered with specific width
  • Full background: ![bg](image.png) - Full-screen background
  • Multiple images: Multiple ![bg] declarations

Example lecture pattern:

markdown
## Slide Title

![bg right:40%](diagram.png)

- Explanation point 1
- Explanation point 2
- Explanation point 3

File Output

Always save the final Marp file to /mnt/user-data/outputs/ with .md extension:

  • presentation.md
  • seminar-slides.md
  • lecture-materials.md

Quality Checklist

Before delivering slides, verify:

  • Theme selected appropriately for content
  • CSS theme is embedded in the file
  • Title slide uses <!-- _class: lead -->
  • All h2 titles are concise (5-7 chars)
  • Bullet points are 3-5 items per slide
  • Images use proper Marp syntax
  • File saved to outputs directory
  • Content follows best practices

References

Core Documentation
  • Marp syntax: references/marp-syntax.md - Basic Marp/Marpit syntax (directives, frontmatter, pagination, etc.)
  • Image patterns: references/image-patterns.md - Official image syntax (bg, filters, split backgrounds)
  • Theme CSS guide: references/theme-css-guide.md - How to create custom themes based on Marpit specification
  • Advanced features: references/advanced-features.md - Math, emoji, fragmented lists, Marp CLI, VS Code
  • Official themes: references/official-themes.md - default, gaia, uncover themes documentation
Quality & Selection Guides
  • Theme selection: references/theme-selection.md - How to choose the right theme for content
  • Best practices: references/best-practices.md - Quality guidelines for "cool" slides
Templates & Assets
  • Templates: assets/template-*.md - Starting points with embedded CSS for each theme (7 themes)
  • Standalone CSS: assets/theme-*.css - CSS files for reference (already embedded in templates)

© jjmartres, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 21 other files (references, assets) in opencode/skills/marp-slide of jjmartres/opencode.

  • SKILL.md
  • assets/template-basic.md
  • assets/template-business.md
  • assets/template-colorful.md
  • assets/template-dark.md
  • assets/template-gradient.md
  • assets/template-minimal.md
  • assets/template-tech.md
  • assets/theme-business.css
  • assets/theme-colorful.css
  • assets/theme-dark.css
  • assets/theme-default.css
  • assets/theme-gradient.css
  • assets/theme-minimal.css
  • assets/theme-tech.css
  • references/advanced-features.md
  • references/best-practices.md
  • references/image-patterns.md
  • references/marp-syntax.md
  • … and 3 more

Open the folder on GitHubat commit 28dc323

Used in 3 other repositories

We found 3 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 3 other GitHub owners. This page covers the copy in jjmartres/opencode, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Marp Slide Creator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Marp Slide Creator compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Marp Slide Creator this skilljjmartres/opencode1333 repos~2.2kAutomated safety check: PassMIT
Slidevnicepkg/ai-workflow285—~3.8kAutomated safety check: PassMIT
Human Reviewpetergyang/human-review1.4k—~2.1kAutomated safety check: PassMIT
Markdown HTML Orchestratoralirezarezvani/claude-skills28k—~2.7kAutomated safety check: PassMIT
Data Viz Deckthatrebeccarae/claude-marketing161—~1.8kAutomated safety check: PassMIT
Theme Factoryanthropics/skills180k47 repos~781Automated safety check: PassApache-2.0

Similar skills

  • Slidev

    nicepkg/ai-workflow

    Comprehensive guide for Slidev - a web-based presentation framework for developers.

    285 GitHub stars~3.8k tokensUpdated 8 mo ago
    Documents & OfficeAuto-check passed

  • Human Review

    petergyang/human-review

    Open an HTML file, Markdown file, or localhost page in the browser so the user can edit text directly and leave comments on specific parts, then send all edits and comments back to you.

    1.4k GitHub stars~2.1k tokensUpdated 23 days ago
    Documents & OfficeAuto-check passed

  • Markdown HTML Orchestrator

    alirezarezvani/claude-skills

    A skill your agent uses when a user wants to convert any markdown file in their Claude project into a single-file, lightly-interactive HTML — long-form documents (specs, plans, RFCs, reports…

    28k GitHub stars~2.7k tokensUpdated 1 mo ago
    Documents & OfficeAuto-check passed

  • Data Viz Deck

    thatrebeccarae/claude-marketing

    Transform audit data, performance reports, and structured analyses into polished visual deliverables.

    161 GitHub stars~1.8k tokensUpdated 4 mo ago
    Documents & OfficeAuto-check passed

  • Theme Factory

    anthropics/skills

    Official

    Applies one of ten preset color and font themes to slide decks, documents or HTML pages, or creates a new theme on the fly after you choose from a showcase.

    180k GitHub starsUsed in 47 repos~781 tokens
    Frontend & DesignAuto-check passed

  • Suiko

    nwiizo/suiko

    日本語文書のAI由来の均一さ、翻訳調、不自然さ、論旨、読解負荷を、決定的なRust CLIと目視で診断し、依頼に応じて書く・直す。日本語の学術論文・研究報告では、中心命題、用語、論証、DOCX/PDF納品を監査契約で確認する。Use when the user explicitly mentions suiko, asks whether Japanese text looks…

    114 GitHub stars~1.8k tokensUpdated 2 days ago
    Documents & OfficeAuto-check passed

More from jjmartres/opencode

All 11 skills in this repo

  • Mermaid Diagrams

    jjmartres/opencode

    Helps an agent pick the right Mermaid diagram type and write the syntax for class, sequence, flow, ER, C4, state and other software diagrams.

    133 GitHub starsUsed in 6 repos~1.9k tokens
    Auto-check passed

  • Jira Natural Language Interface

    jjmartres/opencode

    Lets an agent view, create, update and transition Jira issues in natural language, automatically choosing between the jira CLI and Atlassian MCP tools.

    133 GitHub starsUsed in 3 repos~1.7k tokens
    Auto-check passed

  • Google Style Code Docs

    jjmartres/opencode

    Applies Google Style documentation to Python docstrings, Go comments and Terraform descriptions, for writing new docs or reviewing existing ones.

    133 GitHub stars~1.9k tokensUpdated 5 mo ago
    Auto-check passed

  • Worktrunk Git Worktree Manager

    jjmartres/opencode

    Guides use of Worktrunk (wt), a CLI that makes git worktrees as easy as branches so several AI agents can work in parallel on isolated branches.

    133 GitHub stars~1.9k tokensUpdated 5 mo ago
    Auto-check: notes

  • Writing Clearly And Concisely

    jjmartres/opencode

    A skill your agent uses when writing prose humans will read—documentation, commit messages, error messages, explanations, reports, or UI text.

    133 GitHub starsUsed in 6 repos~1k tokens
    Auto-check passed

  • Asdf

    jjmartres/opencode

    A skill your agent uses whenever the user wants to install, configure, or use asdf (asdf-vm), the universal version manager.

    133 GitHub stars~2.1k tokensUpdated 5 mo ago
    Auto-check: notes

Categories

Questions about Marp Slide Creator

What does Marp Slide Creator do?

Builds Marp slide decks in one of seven ready-made themes, using bundled templates plus syntax, image and style references to keep slides short and readable. The skill picks a theme from your content: tech for developer material, business for corporate decks, colorful or gradient for creative or event slides, minimal for academic work, dark when you want a dark background, and default when unsure. It then reads the bundled reference files, starting with the Marp syntax guide, and copies the matching template from its assets folder.

When should I use Marp Slide Creator?

Marp Slide Creator fits situations like: creating a Marp presentation from an outline or notes; improving the look of an existing Marp deck; preparing lecture or seminar slides built mostly from bullet points.

How do I install Marp Slide Creator in Claude Code?

Run `npx skills add jjmartres/opencode --skill marp-slide -a claude-code`. Or copy the skill folder (opencode/skills/marp-slide in jjmartres/opencode) into .claude/skills/marp-slide in your project. Claude Code loads it when a task matches its description.

How do I install Marp Slide Creator in Codex?

Run `npx skills add jjmartres/opencode --skill marp-slide -a codex`. Or copy the skill folder (opencode/skills/marp-slide in jjmartres/opencode) into .agents/skills/marp-slide in your project. Codex loads it when a task matches its description.

Can I use Marp Slide Creator in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jjmartres/opencode --skill marp-slide -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/marp-slide, .gemini/skills/marp-slide, .github/skills/marp-slide and .opencode/skills/marp-slide in your project.

What does Marp Slide Creator need to run?

SKILL.md names no scripts, command-line tools or credentials: Marp Slide Creator is instructions for the agent only.

Does Marp Slide Creator access the network?

SKILL.md names 3 domains. As links in the text: marpit.marp.app, github.com and marp.app. This is read from the text; nothing was executed.

Is Marp Slide Creator safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Marp Slide Creator use?

Marp Slide Creator is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Marp Slide Creator use?

About 2.2k tokens (SKILL.md is roughly 8.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 8.5k tokens, read only when the agent opens those files.

What are the alternatives to Marp Slide Creator?

Skills that share tags, products or a category with Marp Slide Creator: Slidev (nicepkg/ai-workflow, 285 stars), Human Review (petergyang/human-review, 1.4k stars), Markdown HTML Orchestrator (alirezarezvani/claude-skills, 28k stars) and Data Viz Deck (thatrebeccarae/claude-marketing, 161 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Marp Slide Creator?

jjmartres (a GitHub user) maintains it in jjmartres/opencode, which has 133 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on April 20, 2026.

Source: jjmartres/opencode on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.