用途：该技能用于新建或重新设计前端界面时确定并执行清晰的视觉方向，涵盖布局、字体、配色、动效与整体构图的审美判断，最终产出可运行的生产级代码。适用于组件、页面或完整界面的设计，也适用于改造已有界面。
设计方法：编码前先明确目的（解决什么问题、谁使用）、语气（如极简、极致繁复、复古未来、编辑杂志风、软色调等，需选定一个鲜明方向）、技术约束（框架、性能、可访问性）与差异化记忆点，再动手实现。强调意图明确，而非单纯追求强度。
主要能力：
- 字体：选择独特、有性格的字体，避免 Arial、Inter、Roboto、系统字体等通用选择，可用特色展示字体搭配精致正文字体。
- 配色与主题：用 CSS 变量保持一致性，以主色配锐利点缀，避免怯懦、均匀分配的色彩方案。
- 动效：用于效果与微交互，HTML 优先纯 CSS，React 可用 Motion 库，重视一次编排良好的加载错位揭示，善用滚动与悬停状态。
- 空间构图：非对称、重叠、对角流线、打破网格、大量留白或受控密度。
- 背景与细节：渐变网格、噪点纹理、几何图案、层叠透明度、强烈阴影、装饰边框、自定义光标、颗粒叠加等，营造氛围与纵深。
- 明确禁止过用字体族、白底紫色渐变等陈词滥调配色、可预测布局与千篇一律的组件模式。
参考仓库：shadcn-svelte、shadcn-svelte-extras、Svelte 5。
上游核实：当实现依赖 Svelte 行为时，应基于源码核实而非记忆。若 DeepWiki MCP 可用，可对 sveltejs/svelte 提问 Svelte 行为，对 huntabyte/shadcn-svelte 或 ieedan/shadcn-svelte-extras 提问组件 API；不可用或未索引时直接查上游源码或官方文档。DeepWiki 仅作方向参考，关键细节需用本地 @epicenter/ui 包装、已安装类型、源码或官方文档验证。上游仓库仅用于组件 API 与行为，不作为视觉品味的权威。
改版保真度：重设计时，像素级保真应作为需分类的问题而非默认要求。本技能负责视觉方向、层级、可访问性、重要状态与可识别的产品感觉。当精确间距、断点、动画、悬停状态、空状态、DOM 形状、完整组件树或快照保真会强制引入大量样式或状态族时，改用 asymmetric-wins 处理拒绝决策；若保真影响到理解、可访问性、信任、品牌或回归敏感状态，则视为承载性的。若本地 UI 原语能保持相同工作流、层级、状态与可访问性契约，应优先选用，不必为让设计稿显精确而复制整棵 HTML 树。
限制：资料未提供具体安装命令、定价、支持平台或性能指标等信息。