设计与多媒体

material

bergside/awesom…n-skills

Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.

  • 2469 次安装
  • 3400 星标
  • 收录于

安装命令

npx skills add https://github.com/bergside/awesome-design-skills --skill material

SKILL.md

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