memi-design

Design System Reference — Design skill for Claude Code

Design community

Design System Reference — Cross-Industry Component Gallery.

How to install Design System Reference

Installs to ~/.claude/skills/memi-design-memi-design_system_reference/SKILL.md

Terminal

mkdir -p ~/.claude/skills/memi-design-memi-design_system_reference && curl -fsSL https://raw.githubusercontent.com/memi-design/memi/HEAD/skills/DESIGN_SYSTEM_REFERENCE.md -o ~/.claude/skills/memi-design-memi-design_system_reference/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design System Reference does

Design System Reference — Cross-Industry Component Gallery

Purpose

Master index of real-world design system implementations across 100+ organizations. Each component links to its live documentation in production design systems. Use this to benchmark, audit, research patterns, and scaffold components with awareness of how the industry builds them.

When to Load

Auditing a design system for completeness or best practices
Researching how a specific component is implemented across syste

Alternatives in Design

Design UI UX — Design UI/UX systems with style guides, palettes, typography, and component specs 2.8k ★
Scaffold Project — Scaffold a new design-product project that matches the recommended Claude Code layout (the reference structure 781 ★
Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★