skills/smithery.ai/design-references

design-references

SKILL.md

Design References Skill

Overview

This skill provides predefined design system references that the ui agent can use when reviewing designs. Each reference includes design principles, color guidelines, typography rules, spacing patterns, and component patterns.

Available Design Systems

Material Design 3 (Google)

Reference ID: material-3 Official URL: https://m3.material.io/

Design Principles

  1. Adaptive & Accessible - Responsive across devices, accessible to all
  2. Personal & Customizable - Dynamic color, personalization
  3. Expressive - Motion, shape, and color express brand
Installs
2
First Seen
Mar 22, 2026