Skills
.Work. You
Rest

material-design-3-typography

Community

Master M3 typography for expressive UIs.

Design & Creative#typography#readability#UI design#type scale#material design 3#variable fonts
Authorshelbeely
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you implement Material Design 3 (M3) typography, ensuring clear, readable, and emotionally engaging text hierarchies across your interfaces.

Core Features & Use Cases

  • Comprehensive Type Scale: Utilizes 30 M3 styles (15 baseline + 15 emphasized) for diverse text needs.
  • Variable Font Support: Integrates dynamic font adjustments for expressive typography.
  • Medium Contrast: Adheres to M3 Expressive's default for balanced legibility and visual flair.
  • Use Case: When designing a new app screen, use this Skill to apply the correct M3 typography styles for headings, body text, and labels, ensuring consistency and readability.

Quick Start

Apply the Material Design 3 typography guidelines to the project's main text elements.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 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-design-3-typography
Download link: https://github.com/shelbeely/Shelbeely-Agent-skills/archive/main.zip#material-design-3-typography

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 223,000+ vetted skills library on demand.