Skills
.Work. You
Rest

material-you-slides

Community

Create clean, modern Material You HTML slides.

Design & Creative#typography#html#css#presentation#slides#design-system#material-design-3
Authoryzlnew
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: material-you-slides
Download link: https://github.com/yzlnew/infra-skills/archive/main.zip#material-you-slides

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.