用途：这是一套面向 AI 智能体的设计约束技能，用于构建 Cal 风格的界面。当需要制作浅色模式界面、Cal 风格设计系统，或使用 Inter 字体与 4px 网格实现 UI 时参考。
主要能力：提供颜色、语义令牌、排版、间距、边框、布局、组件与交互的明确规则。颜色要求主表面使用浅色背景，页面背景必须为 #FDFDFD，文字对比度至少 4.5:1。语义令牌包括 surface-base #FDFDFD、surface-raised #EDEDED、surface-overlay #1C1C1C、text-primary #6B6B6B、text-secondary #A1A1A1、text-tertiary #404040、border-default #E5E5E5、destructive #FCC9C1。排版必须使用 Inter，主标题 70px/700，正文 16px/400，标题用 text-balance、正文用 text-pretty，数字用 tabular-nums，不得擅自修改字距。间距必须遵循 4px 网格，默认元素间距 5px。边框圆角取自 1px 至 11px 的刻度，默认 3px，边框宽度限 1px 或 3px。布局以 1920px 为基准视口，全屏高度用 h-dvh 而非 h-screen，固定元素需尊重 safe-area-inset。
使用方式：将本技能作为设计参考，在生成或审查界面代码时逐条对照上述约束执行。
限制：资料未提供安装命令、集成方式、收费信息或具体平台支持；动画默认不添加，除非明确要求，且仅动画 transform 与 opacity，交互反馈不超过 200ms。