material-you-slides

Generate self-contained 1280x720 HTML slide decks with Material You styling.

141|11|Updated Jan 7, 2026
One-click install
npx skills add https://github.com/yzlnew/infra-skills --skill material-you-slides
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: material-you-slides
Source: https://github.com/yzlnew/infra-skills/tree/main/material-you-slides
Command: npx skills add https://github.com/yzlnew/infra-skills --skill material-you-slides

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create presentation slide decks as self-contained HTML using Material You (Material Design 3) aesthetics, ensuring consistent visuals and easy distribution without dependencies.

Core Features & Use Cases

  • M3 styling: 1280x720 HTML slides with Material Design 3 tokens, Roboto typography, rounded surfaces, and surface hierarchy without external dependencies.
  • Layout primitives: Title slides, section dividers, content slides, and closing slides with a cohesive visual language.
  • Export-ready: Single-file HTML suitable for printing via @page rules and easy sharing.

Quick Start

Create a self-contained 1280x720 HTML deck using the Material You design language.

Frequently Asked Questions about material-you-slides

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

FAQPage Schema
How do I create a Material Design 3 HTML presentation deck?

You can create a Material Design 3 HTML presentation by automating a self-contained 1280x720 slide deck using inlined CSS, Roboto typography, and Material You design tokens without requiring external dependencies.

What is the best way to build self-contained HTML slides for product demos?

The best way to build self-contained HTML slides for product demos is using Material You tokens to generate title, section divider, content, and closing slides that ensure a consistent, accessible presentation experience in a single file.

Do I need external CSS frameworks to generate Material You slides?

No, you do not need external CSS frameworks to generate Material You slides. The process requires only the inlined CSS foundation, the Roboto font, and Material You tokens defined within the skill for consistent visuals.

Can I print my HTML slides directly from the browser?

Yes, you can print your HTML slides directly from the browser. The generated single-file HTML is export-ready and suitable for printing via @page rules, ensuring easy distribution without dependencies.

What slide layouts are available for a Material Design 3 presentation?

Available slide layouts for a Material Design 3 presentation include title slides, section dividers, content slides, and closing slides, all featuring rounded surfaces and surface hierarchy within a 1280x720 dimension.