用途：该技能指导创建独特、生产级的前端界面，避免千篇一律的 AI 审美，适用于构建 Web 组件、页面、作品、海报等，并落地为真实可运行的代码。
主要能力：先做设计思考，明确目的、语气（如极简、复古未来、编辑风等）、技术约束与差异化；再实现 HTML/CSS/JS 或 React、Vue 等现代框架代码。强调排版（避免 Arial，使用有特色的展示字体搭配精致正文字体）、用 CSS 变量统一配色与主题、用动画服务关键瞬间、采用非对称或留白等空间构图、用渐变与噪点营造背景氛围。
使用方式：按“头脑风暴、探索、规划、批判、构建”流程，分两轮进行：先基于需求做简短设计计划，建立包含颜色（4-6 个十六进制值）、字体（2 种以上角色）、布局与标志性元素的紧凑令牌系统；对照需求审查，若像通用默认方案则修改，确认相对独特后再写代码。
适用场景：需要高设计质量的网页界面、组件、海报等创意前端产出。
限制：资料未提供安装命令、收费、价格、平台或效果数据；要求响应式到移动端、可见键盘焦点、尊重减少动效，并把大胆用在一处，其余保持克制。