用途：指导创建有辨识度、达到生产级品质的前端界面，适用于落地页、网页应用、仪表盘、管理后台与组件等前端工作。
主要能力与流程：技能流程为“检测上下文→规划设计→构建→视觉验证”。先扫描代码库中的设计信号（设计令牌/CSS 变量、组件库、CSS 框架、字体、配色、动画库、间距模式），据此选择模式：已有体系（4 个以上信号）优先遵循现有体系；部分体系（1–3 个）在缺失处套用默认；全新项目（无信号）全面套用技能指引；信号矛盾时询问用户。构建前先写三条简短陈述：视觉主张、内容计划、交互计划。
设计核心：字体选有特色者（除非现有代码库已用，避免 Inter、Roboto、Arial 等）；配色用 CSS 变量形成统一色板；先构图后组件，默认少用卡片；动效提供 2–3 个有意图的动画（入场、滚动或纵深、悬停）；语义化 HTML、满足 WCAG AA 对比度、所有可交互元素有焦点态；图像优先真实摄影。
上下文模块：模块 A 落地页与营销（英雄区、支撑、细节、最终 CTA）；模块 B 应用与仪表盘（平静的层级、围绕工作区与导航组织）；模块 C 组件与功能（在已有应用中默认使用，匹配既有视觉语言，关注交互状态质量）。
验证：实现后做一次视觉检查，按优先顺序使用项目已有浏览器工具、浏览器 MCP 工具、agent-browser CLI（未安装则提示运行 /ce-setup），无浏览器时用清单自评并说明跳过。仅迭代一次，截图纳入交付物。
限制与说明：技能为自包含设计，专家角色位于 references/personas/ 下，不依赖已注册子智能体或 agents/ 目录；触发 ce-* 专家时读取对应角色文件，可启动子智能体或以内联方式采用角色指令；有子智能体能力时可并行派发独立角色，角色不再派生子智能体。所有规则均为默认值，可被现有设计体系与用户明确指令覆盖。资料未提供具体收费、价格、平台支持范围等信息。