用途：这是一套面向 AI 智能体的设计约束技能，用于构建受 Clerk 美学启发的浅色模式界面与设计系统，核心特征为 Inter 字体与 4px 网格。
主要能力：提供颜色、语义令牌、排版、间距、边框、布局、组件、交互状态、动画与性能方面的明确规则。颜色要求页面背景使用 #FEFEFE（surface-base），主操作与焦点状态使用 #C4A9F3（accent），文字对比度至少 4.5:1。语义令牌包括 surface-raised #090909、text-primary #5C5C5C、text-secondary #98979D、text-tertiary #2F2F2F、border-default #E4E4E1。排版要求以 Inter 为主字体，主标题 66px/700，正文 26px/700，标题用 text-balance、正文用 text-pretty，数字用 tabular-nums，不擅自修改字距。间距必须使用 4px 网格，默认元素间距 5px。边框圆角取自 4px、6px、7px，默认 6px，边框宽度统一 1px。布局以 1920px 为基准视口，全屏高度用 h-dvh 而非 h-screen，固定元素需考虑 safe-area-inset。交互上焦点用 2px accent 轮廓并偏移 2px，禁用态透明度 0.5 且 cursor: not-allowed，破坏性操作使用 AlertDialog，图标按钮需 aria-label。动画仅在明确要求时添加，只动画 transform 与 opacity，交互反馈不超过 200ms，并尊重 prefers-reduced-motion。
使用方式：在构建 Clerk 风格浅色界面、设计系统或使用 Inter 与 4px 网格的 UI 时引用这些规则。资料未提供安装命令或代码示例。
适用场景：AI 智能体辅助的前端界面与设计系统实现。
限制：资料未说明收费、价格、平台支持范围与具体效果；部分规则（如输入框高度 0px）需结合实际实现判断。