Skills
.Work. You
Rest

material-design-3-components

Community

Master Material Design 3 components.

Software Engineering#design system#css#frontend development#ui components#m3#material design 3
Authorshelbeely
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive guide to implementing Material Design 3 components, ensuring consistent and high-quality UI development across applications.

Core Features & Use Cases

  • Component Specifications: Detailed information on M3 components, including buttons, cards, dialogs, navigation elements, and text fields.
  • CSS Implementation: Provides CSS code snippets for styling components according to M3 guidelines.
  • Use Case: When building a new feature, use this Skill to quickly find the correct M3 button variant and its corresponding CSS for implementation.

Quick Start

Use the material-design-3-components skill to get the CSS for a filled button.

Dependency Matrix

Required Modules

None required

Components

references

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

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.