Token 化色彩系统

设计 TokenTailwind更新于 2026-08-05

使用场景: 搭建主题系统和暗色模式。

安装
npx skills add tokenized-color-system
克隆
git clone https://github.com/skillhub-community/tokenized-color-system.git

描述

建立语义化色彩 Token 层(background、surface、primary、on-primary 等)作为 CSS 变量,并映射到 Tailwind 主题。

明暗切换仅需单个 class,无需组件级别的颜色硬编码。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@design_ops_sarah
许可证MIT
版本3.1.0
依赖0