material-design-3
✓Material Design 3 (Material You) design system knowledge for modern web and Angular applications. Use when implementing Material Design 3 theming, components, typography, color systems, dynamic color, accessibility patterns, or migrating from Material Design 2. Covers design tokens, theming APIs, and Material You principles.
Installation
SKILL.md
🎯 Purpose This skill provides comprehensive guidance on Material Design 3 (also known as Material You), Google's latest design system that emphasizes personalization, accessibility, and modern UI patterns for Angular applications.
Material Design 3 is Google's latest design language that introduces:
| Colors not applying | Ensure @include mat.core() is called first | | Theme tokens undefined | Check Angular Material version (requires v15+) | | Dark theme not working | Verify .dark-theme class is applied to parent element | | Custom colors not working | Use define-palette() with proper Material color palette |
Material Design 3 (Material You) design system knowledge for modern web and Angular applications. Use when implementing Material Design 3 theming, components, typography, color systems, dynamic color, accessibility patterns, or migrating from Material Design 2. Covers design tokens, theming APIs, and Material You principles. Source: 7spade/black-tortoise.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/7spade/black-tortoise --skill material-design-3- Source
- 7spade/black-tortoise
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is material-design-3?
Material Design 3 (Material You) design system knowledge for modern web and Angular applications. Use when implementing Material Design 3 theming, components, typography, color systems, dynamic color, accessibility patterns, or migrating from Material Design 2. Covers design tokens, theming APIs, and Material You principles. Source: 7spade/black-tortoise.
How do I install material-design-3?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/7spade/black-tortoise --skill material-design-3 Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/7spade/black-tortoise
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01