material-design-3
Material Design 3 (Material You) Skill
🎯 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.
📦 What is Material Design 3?
Material Design 3 is Google's latest design language that introduces:
- Dynamic Color: Adaptive color palettes based on user preferences
- Enhanced Accessibility: WCAG 2.1 AA compliance by default
- Flexible Theming: Token-based theming system
- Modern Components: Updated component designs with better customization
- Personalization: User-centric design that adapts to preferences
🎨 When to Use This Skill
Use Material Design 3 guidance when:
- Implementing a new Angular application with Material Design
- Migrating from Material Design 2 to Material Design 3
More from neversight/skills_feed
ai-image-generation
|
7react-best-practices
Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage. Must use when reading or writing React components (.tsx, .jsx files with React imports).
7ui-designer
Use when user needs visual UI design, interface creation, component systems, design systems, interaction patterns, or accessibility-focused user interfaces.
7python-env
Fast Python environment management with uv (10-100x faster than pip). Triggers on: uv, venv, pip, pyproject, python environment, install package, dependencies.
7typescript-best-practices
Provides TypeScript patterns for type-first development, making illegal states unrepresentable, exhaustive handling, and runtime validation. Must use when reading or writing TypeScript/JavaScript files.
6ai-marketing-videos
|
6