Design System Reference

Compare real-world design-system patterns when specifying, auditing, or naming a component and current external references would improve the decision.

memi-design 485b020 3 files · 56.8 KB Updated

File contents

Design system reference

Use this skill to benchmark a component or pattern against established design systems.

Workflow

  1. Define the exact component, state, or interaction under review.
  2. Read the relevant section of the cross-industry catalog.
  3. Open three to five primary design-system sources and verify that their guidance is current.
  4. Separate broad consensus from stack-specific conventions.
  5. Prefer the project's existing vocabulary and primitives unless evidence supports a change.
  6. Cite the primary sources that shaped the recommendation.

Do not treat the catalog as a timeless authority. External APIs and documentation drift, so verify details before implementation.

memi-design/design-skills/tree/main/skills/design-system-reference commit 485b020cf6

Frequently asked questions

npx skillmds@latest add memi-design/design-system-reference