skills.rest
ryo-touch
ryo-touchCOMMUNITY
Explore all skills by this author →
GitHub

marp-theme-builder

Automate Marp theme builds with SCSS compilation and visual checks.

3|Updated Jan 25, 2026
Search Tags:#automation#marp#build#pipeline#theme#ci#scss
One-click install
npx skills add https://github.com/ryo-touch/marp-skills --skill marp-theme-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: marp-theme-builder
Source: https://github.com/ryo-touch/marp-skills/tree/main/skills/marp-theme-builder
Command: npx skills add https://github.com/ryo-touch/marp-skills --skill marp-theme-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sass, npx, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Marp theme development often lacks a cohesive, repeatable build pipeline. This skill provides scaffolding to automate SCSS→CSS compilation, sample image generation, and CI integration, simplifying theme development and ensuring consistent visuals.

Core Features & Use Cases

  • Automated Makefile scaffolding for theme assets and build flows
  • Git hooks (pre-commit) and GitHub Actions CI setup to catch regressions
  • Included templates and scripts to accelerate Marp theme development
  • Use case: when you need a reliable, automated pipeline to produce theme assets and verify visuals before release

Quick Start

Run init_theme_project.sh to scaffold a new theme project, then run make to build CSS and sample slides, and enable pre-commit and CI templates for automatic validation.

Frequently Asked Questions about marp-theme-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Marp theme compilation and CI pipelines?▼

Automating Marp theme builds involves scaffolding SCSS to CSS compilation, generating sample slide images, and integrating pre-commit Git hooks with GitHub Actions CI to ensure repeatable, deterministic visual outputs.

What is the best way to set up a repeatable Marp theme build process?▼

Establishing a repeatable Marp theme build process requires automated Makefile scaffolding to manage SCSS compilation and sample image generation, integrating CI templates to validate visuals and catch regressions before release.

Do I need Node.js and sass to build Marp themes with GitHub Actions?▼

Yes, building Marp themes through automated pipelines requires Node.js tooling including sass and marp-cli to compile SCSS to CSS and generate sample images within GitHub Actions CI workflows.

How does visual regression testing work for Marp SCSS themes?▼

Visual regression testing for Marp themes works by generating sample slide images during the automated build pipeline and using CI templates to verify deterministic outputs and catch visual discrepancies before release.

Can I use Makefile to scaffold Marp theme assets and build flows?▼

Yes, automated Makefile scaffolding structures Marp theme asset directories, manages SCSS to CSS compilation flows, and orchestrates sample image generation to ensure consistent visual verification across builds.

Related Skills

Explore More Software Engineering Skills→
partme-aipartme-ai
610

dart-sass

Compile Sass/SCSS files to CSS with configurable output styles.

Official
Intermediate
69049ed6x69049ed6x
1

AI 无损 PPT 架构师

Generate editable PPTX presentations from PDFs, Word, Excel, and images.

Community
Intermediate
mattwoodcomattwoodco
3

slides

Convert markdown content into Apple-themed slides using the Marp framework.

Community
Intermediate
hico-mrmgnhico-mrmgn

lp-creator

Create standalone HTML/CSS/JS landing pages without build tooling.

Community
Intermediate