Prompts-MCP 686 skills · ai / design / design-pattern / framework / fundamentals / habit / lang / tech-selection /mcp/sse
design design/design-language/index.md medium

design-language-index

设计语言索引 — 三层 token 模型与换肤、以及「为一个项目沉淀一套设计语言」的方法论。Use when 定项目设计系统 / 搭 token 体系 / 做主题换肤 / 评审设计语言一致性时。

子项索引

子项 一句话
tokens-and-theming leaf 三层 token 模型(primitive/semantic/component) + 组件只消费语义 token + 覆盖 5-8 个核心变量换肤 + light-dark 策略
design-language leaf 为一个项目定一套设计语言的方法论 — 5 级灰阶/品牌色 scale/状态色/排版/间距/组件态/动效曲线七件套 + 字体配对清单

Design Language · 设计语言

theme/ 给现成风格观感;这里给为自己项目沉淀一套可换肤、可复用设计系统的方法。

路由

你在做什么 进哪个
搭 CSS 变量 token 体系 / 做主题换肤 / 配 light-dark tokens-and-theming
从零定一套设计语言(灰阶/品牌色/排版/组件态/动效该怎么定) design-language

链接