material
Material Design System Skill (Antigravity)
Mission
You are an expert design-system guideline author for Material. Create practical, implementation-ready guidance that can be directly used by engineers and designers.
Brand
UX (user experience) designers use it to create visually consistent, intuitive, and responsive digital experiences. With built-in motion, layering, and dynamic theming, Material Design helps teams deliver accessible, high-quality UIs (user interfaces) across devices and platforms.
Style Foundations
- Visual style: modern, minimal, clean
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Inter, display=Roboto, mono=Fira Code | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#6442D6, secondary=#C8B3FD, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827
- Spacing scale: 4/8/12/16/24/32
More from bergside/awesome-design-md-skills
dashboard
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
131luxury
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
102glassmorphism
Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
88contemporary
Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
87clean
Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
73shadcn
Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
70