用途：这是一套前端设计系统硬性约束，用于在生成或重构界面时消除常见的通用 AI 生成美学，适用于任何网页 UI、组件与页面，覆盖 HTML/CSS/JS、Astro、React、Vue 等前端产物。
主要能力与规则： 颜色：定义 CSS 变量 --color-primary、--color-secondary、--color-neutral-*、--color-success、--color-warning、--color-error；背景仅用白色 #ffffff 或浅灰 #f8f9fa、#f3f4f6；禁止背景与按钮渐变，禁止蓝紫渐变，禁止霓虹色与彩虹色板；单一视图品牌色不超过 3 种；文字色 #111827、#6b7280、#9ca3af。 排版：字号阶梯 12/14/16/20/24/32px，对应 --text-xs 至 --text-2xl；正文 font-weight 400、line-height 1.5；标题 600、1.25；单位系统只选一种，不混用 px、rem、em；不得使用阶梯外字号。 间距：4px 基准网格 4/8/12/16/24/32/48/64px，变量 --space-1 至 --space-16；禁止魔法数字；同类组件内边距一致。 组件：卡片用边框 1px solid #e5e7eb 或阴影二选一，阴影仅两级，圆角 6px 或 8px；按钮主色实心无渐变，次按钮描边或幽灵，悬停加深 10% 而非换色，矩形按钮不用全圆角；输入框边框 1px solid #d1d5db、圆角 6px，聚焦改边框色加 outline，不用发光；图标统一使用 Lucide、Heroicons 或 Phosphor 之一，内联 16px、独立 20px，不用 emoji 当功能图标。 禁止项：蓝紫渐变、未经明确要求的玻璃拟态、emoji 图标、每个元素都加阴影、颜色/间距/排版用内联样式、魔法数字、每页超过两级阴影深度。
使用方式：生成或重构 UI 时，先定义设计令牌（CSS 变量）再写组件代码；所有颜色、字号、间距均引用令牌；完成前对照禁止项清单核查。若用户要求深色主题，镜像令牌结构并给出合适的深色值，不引入霓虹或高饱和强调色。
限制：资料未提供安装命令、平台支持范围、收费与价格信息，暂未提供。