用途：为 AI 智能体提供构建 Ramp 风格界面的约束规范，适用于浅色模式界面、Ramp 风格设计系统，以及使用 Inter 字体和 4px 网格的 UI 实现。
主要能力：定义颜色语义令牌（surface-base #FFFFFF、surface-raised #DDF21A、surface-overlay #5A544C、text-primary #B8B8B8、text-secondary #8B8B8B、text-tertiary #A7A7A7、border-default #EAF380、accent #EBF123），要求文字对比度至少 4.5:1。排版要求使用 Inter 字体，主标题 61px/700，正文 19px/500，标题用 text-balance、正文用 text-pretty，数字用 tabular-nums，不擅自修改字距。间距必须使用 4px 网格，默认元素间距 5px，禁止任意值。边框圆角限 4px、5px，默认 4px，边框宽度限 1px、3px。布局以 1920px 为基准视口，全屏高度用 h-dvh 而非 h-screen，固定元素需尊重 safe-area-inset，方形元素用 size-*。交互方面：焦点用 2px accent 描边加 2px offset，禁用态 opacity 0.5 加 cursor: not-allowed，破坏性操作使用 AlertDialog，加载用骨架屏，错误就近显示，图标按钮加 aria-label，禁止阻止粘贴。动画仅在明确要求时添加，只动 transform 与 opacity，入场用 ease-out，交互反馈不超过 200ms，尊重 prefers-reduced-motion。性能上禁止动画大面积 blur/backdrop-filter，禁止在非活动动画外使用 will-change，禁止用 useEffect 表达可用渲染逻辑实现的内容。
使用方式与限制：资料未提供安装命令或具体调用步骤，暂未提供。该技能为约束性指南，具体项目落地需结合实际情况。