用途：当任务需要设计或实现前端 UI（组件、页面、布局、样式），且没有更专门的前端技能可用时，使用本技能。适用于以视觉与 UX 实现为主的构建或样式化请求。
主要能力：在保持品牌一致性与实现质量的前提下，创建独特、生产级的前端界面。先读取项目设计来源再作视觉决策：docs/design.md 是令牌、字体、间距、圆角、阴影、暗色模式和组件模式的唯一事实来源；docs/sales.md 是受众、定位和语气信息的唯一事实来源。
约束：主色为 Trust Bold Blue #2563eb；默认 UI/正文字体为 Inter；语气为专业自信，现代但不令企业 BA 感到压迫；默认圆角 8px，与 Linear/Notion 的 SaaS 美学一致；必须同时支持亮色与暗色模式。
设计思路：编码前先定义上下文，再选定一个明确的视觉方向，包括目的、语气、约束与差异化。实验须受品牌规则约束：正文/UI 文本和表单保持 Inter；强调/展示字体仅用于标题、标注或主视觉时刻；每个界面限一种强调/展示字体家族，除非项目已有其他模式；组件基础（间距节奏、圆角、密度、交互模式）与现有产品模式保持一致；每个界面选一种主情绪和一种辅助母题，避免混合无关美学。
实现方式：默认使用项目现有技术栈，复用仓库中已有的框架、样式系统和组件基础；除非任务明确要求，不引入新框架或样式范式。结果应生产级可用、视觉醒目难忘、风格统一且细节精致。
美学准则：排版保持 Inter 为默认正文/UI 字体，仅在强化所选情绪时引入独特强调/展示字体；颜色与主题保持统一美学，用 CSS 变量保证一致性；动效用于澄清层级与可供性，优先 CSS 动效，仅在已存在或明确要求时使用框架原生动效库，并集中在关键过渡；空间构图可有意引入不对称、重叠、密度变化，同时保持可扫描性与交互清晰；背景与视觉细节仅在支持所选情绪且不损害可读性、对比度或性能时增加深度。避免重复的默认美学与脱离语境的视觉陈词滥调，优先与品牌、受众和产品意图相关的决策。在受控范围内跨任务变化美学：变化强调/展示处理、构图母题和动效特征，保持品牌基础稳定。实现复杂度与所选方向匹配，仅在能实质改善沟通或品牌表达时增加效果复杂度，极简或精致方向应克制。执行创意选择时保持纪律：优先一致性、可用性、可访问性和可维护性，而非为新颖而新颖。
限制：资料未提供具体安装命令、收费方式、平台支持范围或效果数据，暂未提供。