用途：该技能为“用智能体构建更好界面”提供一套带有明确倾向的约束规则，适用于构建 UI 组件、实现动画与过渡、加入带键盘/焦点行为的交互元素、审查前端代码的可访问性、设计含 z-index 与间距的布局，以及处理加载、错误与空状态。
主要能力与约束要点： 技术栈方面，Tailwind CSS 须优先使用默认的间距、圆角与阴影，再考虑自定义值；JS 动画须使用 motion/react（原 framer-motion）；CSS 动画建议用 tw-animate-css 处理入场与微动画；类名逻辑须使用 cn 工具（clsx 与 tailwind-merge）。 组件方面，交互原语须使用可访问的原语（Base UI、React Aria、Radix）以处理键盘与焦点；优先复用项目已有原语；同一交互面不得混用原语系统；新原语建议优先 Base UI；纯图标按钮必须加 aria-label；除非明确要求，不得手工重建键盘或焦点行为。 交互方面，破坏性或不可逆操作须用 AlertDialog；加载建议用结构性骨架屏；视口高度禁用 h-screen，改用 h-dvh；固定元素须遵守 safe-area-inset；错误须显示在操作发生处附近；输入框不得阻止粘贴。 动画方面，未明确要求不得添加动画；只动画 transform 与 opacity；不得动画 width、height、top、left、margin、padding；入场用 ease-out；交互反馈不超过 200ms；循环动画离屏须暂停；须尊重 prefers-reduced-motion。 排版与布局方面，标题用 text-balance，正文用 text-pretty，数据用 tabular-nums，密集 UI 用 truncate 或 line-clamp；z-index 须用固定刻度；正方形元素建议用 size-x。 设计方面，不得使用渐变与紫色/多色渐变，发光不得作为主要可供性；空状态须给出一个明确的下一步操作；每个视图建议仅一个强调色。
限制：官方文本未提供安装命令、收费与定价、具体平台支持范围及可量化的效果数据，暂未提供。分类判断依据其明确的界面组件构建与前端代码审查用途。