slide-design

Generate brand-authenticated slide decks using frontend-slides and reveal.js engines.

127|8|Updated Apr 6, 2026
One-click install
npx skills add https://github.com/hanamizuki/solopreneur --skill slide-design-hanamizuki
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: slide-design
Source: https://github.com/hanamizuki/solopreneur/tree/main/plugins/marketer/skills/slide-design
Command: npx skills add https://github.com/hanamizuki/solopreneur --skill slide-design-hanamizuki

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Branded slide creation is complex; this skill wraps two engines (frontend-slides and reveal.js) and automates a brand setup so you can produce consistent decks faster.

Core Features & Use Cases

  • Brand-driven slide pipelines that enforce color, typography, and asset usage.
  • Phase-driven workflow: Brand setup, typography projection, and engine hand-off.
  • Supports two engines (frontend-slides and reveal.js) with a unified brand layer and optional backdrop/asset system.
  • Use cases: pitch decks, product roadmaps, design systems slides, marketing decks, and executive briefs.

Quick Start

Invoke the slide-design workflow to generate a branded deck from a template by selecting your brand assets and engine (frontend-slides or reveal.js) and then generate slides.

Frequently Asked Questions about slide-design

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

FAQPage Schema
How do I create branded presentation slides that automatically enforce my typography and color tokens?

To create branded presentation slides, this skill uses a phase-driven workflow that automates brand setup and enforces color, typography, and asset usage across your deck. It unifies typography tokens and asset references into a cohesive design process.

Does this slide design workflow support both frontend-slides and reveal.js engines?

Yes, this slide design workflow supports both frontend-slides and reveal.js engines. It wraps both engines with a unified brand layer and optional backdrop/asset system to ensure consistent presentation output across either platform.

What is the best way to build a pitch deck or product roadmap with consistent branding?

The best way to build a pitch deck or product roadmap with consistent branding is invoking the slide-design workflow to generate a deck from a template. You select your brand assets and engine, then generate slides with automated brand authentication.

Can I use my existing icon-system and asset references within this branded deck generator?

Yes, you can use your existing icon-system and asset references within this branded deck generator. The workflow unifies your brand setup, typography projection, and shared component library to apply your specific assets consistently across the presentation.

What steps are required to generate a branded deck from a template using this tool?

To generate a branded deck from a template, invoke the slide-design workflow, select your target brand assets, choose your preferred engine between frontend-slides and reveal.js, and then generate the slides through the phase-driven hand-off process.

Why does my presentation deck lose brand consistency when switching between different slide engines?

Presentation decks lose brand consistency when switching engines because of disconnected brand layers. This skill solves the problem by wrapping both frontend-slides and reveal.js with a shared component library and unified brand setup to maintain consistent branding.