skills.rest
DiologIR
DiologIROFFICIAL
Explore all skills by this author →
GitHub

presentation-design-md-from-screenshots

Extract visual design specifications from slide screenshots into a PRESENTATION_DESIGN.md file.

Updated Apr 10, 2026
Search Tags:#visual design#slide generation#presentation#slide design#token based spec
One-click install
npx skills add https://github.com/DiologIR/diolog-plugins --skill presentation-design-md-from-screenshots
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: presentation-design-md-from-screenshots
Source: https://github.com/DiologIR/diolog-plugins/tree/main/plugins/presentation-design-md-from-screenshots/skills/presentation-design-md-from-screenshots
Command: npx skills add https://github.com/DiologIR/diolog-plugins --skill presentation-design-md-from-screenshots

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the challenge of reverse-engineering a slide deck's visual design system from screenshots, allowing for consistent slide generation across various tools.

Core Features & Use Cases

  • Visual Design Extraction: Reverse-engineer the visual DNA of a slide deck from screenshots.
  • Token-Based Spec: Produce a PRESENTATION_DESIGN.md file with token-based specifications for slide generation.
  • Use Case: When a user has a series of slide screenshots and wants to generate new slides that match the deck's style.

Quick Start

Use the presentation-design-md-from-screenshots skill to create a design spec for the attached slide screenshots.

Frequently Asked Questions about presentation-design-md-from-screenshots

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

FAQPage Schema
How do I extract a visual design system from slide screenshots?▼

Extract visual design systems from slide screenshots by analyzing layout, color schemes, and typography to produce a token-based PRESENTATION_DESIGN.md file. This specification captures the deck's visual DNA for consistent slide generation.

What is a token-based spec for slide generation?▼

A token-based spec for slide generation is a PRESENTATION_DESIGN.md file that defines visual rules extracted from slide screenshots. It standardizes layout, color schemes, and typography elements for downstream generation tools.

How do I reverse-engineer slide design from existing presentation screenshots?▼

Reverse-engineer slide design by uploading presentation screenshots for layout, color, and typography analysis. The process outputs a structured PRESENTATION_DESIGN.md file to enable consistent new slide generation.

Can I use extracted presentation design tokens with downstream slide generation tools?▼

Extracted presentation design tokens output as a PRESENTATION_DESIGN.md file can be used with downstream slide generation tools. This ensures new slides match the original deck's visual style.

What do I need to generate consistent slides matching an existing deck's style?▼

To generate consistent slides matching an existing deck's style, you need slide screenshots for visual analysis. The Skill extracts design elements and outputs a token-based specification for consistent generation.

Related Skills

Explore More Design & Creative Skills→
ChrisTowlesChrisTowles
4

slidev

Create and edit Slidev presentation slides with Markdown and YAML frontmatter.

Community
Intermediate
solibluesoliblue
2

slides

Generate presentation slides with AI imagery and assemble decks into PowerPoint files.

Community
Intermediate
quanyquany

pptx

Create, edit, and validate PowerPoint PPTX files programmatically.

Community
Advanced
borgiusborgius
5

slidev-styling

Style Slidev decks with UnoCSS utilities and custom CSS.

Community
Advanced