ppt-design-dna

Extract visual systems from reference images and generate HTML presentation decks.

26|2|Updated Jun 5, 2026
One-click install
npx skills add https://github.com/dakjdakd/PPT-Design-DNA --skill ppt-design-dna
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ppt-design-dna
Source: https://github.com/dakjdakd/PPT-Design-DNA/tree/main
Command: npx skills add https://github.com/dakjdakd/PPT-Design-DNA --skill ppt-design-dna

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires image-processing, design-system-management, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of visually consistent and professionally designed HTML PPTs by extracting visual systems from reference images, creating reusable Design Profiles, and adapting them to different presentation scenarios.

Core Features & Use Cases

  • Visual System Extraction: Extracts mood, composition, typography, texture, and more from reference images.
  • Design Profile Creation: Saves styles as reusable assets with versioning and design diffs.
  • Scenario Adaptation: Adapts styles to different presentation contexts like academic defenses, product launches, and consulting reports.
  • HTML Deck Generation: Outputs HTML decks for further customization and export options.
  • Use Case: A user has a set of reference images for a new product launch. They use this Skill to generate a consistent style profile from the images and then create a custom HTML PPT for the launch presentation.

Quick Start

Use the PPT-Design-DNA skill to generate a design profile from the provided reference images and then create a presentation deck with 5 pages, targeted at a product launch audience.

Frequently Asked Questions about ppt-design-dna

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

FAQPage Schema
How do I generate an HTML presentation from a reference image?

To generate an HTML presentation from a reference image, the system extracts visual systems like mood, composition, and typography from the image to create a reusable Design Profile, which then adapts to your specific presentation scenario to output a custom HTML deck.

Can I create a reusable design system for product launch presentations?

Yes, you can create a reusable design system for product launch presentations by extracting visual branding elements from reference images and saving them as versioned Design Profiles that adapt to different presentation contexts.

How do I extract visual branding styles from an image for a PPT?

To extract visual branding styles from an image for a PPT, the system analyzes reference images to identify mood, composition, typography, and texture, converting these attributes into a structured Design Profile for consistent visual branding.

Do I need image processing tools to build a presentation design profile?

Yes, image processing and design system management dependencies are required to build a presentation design profile, as they handle the extraction of visual attributes from reference images and manage the resulting reusable style assets.

What is the best way to maintain visual consistency across different presentation scenarios?

The best way to maintain visual consistency across different presentation scenarios is to use a centralized Design Profile that adapts extracted visual systems to various contexts like academic defenses, product launches, and consulting reports.

Can I export an HTML deck for further customization after generating it?

Yes, you can export an HTML deck for further customization after generating it, as the system outputs HTML decks specifically designed to allow further customization and various export options.