design-systems

Installation
SKILL.md

Design Systems Reference

Philosophy

This skill applies brand-faithful design tokens — not generic CSS. Every output should feel like the target brand's own design team built it:

  • Token 级精度 — Colors are hex-exact, typography matches the brand's actual font stack and weight system, shadows reproduce the brand's elevation model exactly.
  • Do's and Don'ts 是护栏 — Each DESIGN.md 的 Do/Don't 部分是红线。违反 = 不像目标品牌。没有例外。
  • 交互式选择优先 — 50+ 个品牌不是一个静态列表。用浏览器交互预览让用户"看到"风格再决定,不是盲选。
  • 混合时保持品牌灵魂 — Blend 多个设计系统时,每个系统的核心识别元素(字体、主色、阴影模式)至少保留一个。

Bundled Assets (USE THESE — do not reinvent)

Installs
2
First Seen
Apr 3, 2026