🎯

material-design-3-layout

🎯Skill

from shelbeely/shelbeely-agent-skills

What it does

Part of an Agent Skills collection focused on Material Design 3, providing comprehensive M3 design guidance including color systems, typography, shape tokens, physics-based motion, and Material You theming. Covers both baseline and expressive M3 design pillars.

📦

Same repository

shelbeely/shelbeely-agent-skills(10 items)

material-design-3-layout

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add shelbeely/shelbeely-agent-skills --skill material-design-3-layout

skills.sh Install⚠ Installs to .agents/skills/

npx skills add shelbeely/shelbeely-agent-skills --skill material-design-3-layout

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/material-design-3-layout/SKILL.md

SKILL.md

27Installs

AddedFeb 21, 2026

View on GitHub Back to Skills

More from this repository9

🎯

material-design-3-guide🎯Skill

A master guide skill for Material Design 3 that orchestrates all M3 design pillars from Material You baseline through M3 Expressive, covering color systems, typography, shape, motion, layout, and the complete component catalog.

🎯

material-design-3-components🎯Skill

A Material Design 3 skill collection covering color systems, typography, shape, motion, layout, components, and icons, with framework-specific implementations for React/Next.js (MUI), Angular Material, and Vue (Vuetify).

🎯

material-design-3-typography🎯Skill

A Material Design 3 typography skill providing a 30-style type scale (15 baseline and 15 emphasized) with variable font support and medium contrast. Use it for setting up font hierarchy, choosing type styles for components, and implementing responsive typography.

🎯

material-design-3-color🎯Skill

Skill

🎯

material-design-3-motion🎯Skill

Skill

🎯

material-design-3-icons🎯Skill

Skill

🎯

material-design-3-shape🎯Skill

Skill

🎯

material-theme-builder🎯Skill

Skill

🎯

license-chooser🎯Skill

Skill