用途：该技能用于在用户要求构建网页组件、页面或界面时，引导模型产出具有独特审美和高设计完成度的前端界面，摆脱千篇一律的 AI 默认设计。
主要能力与原则分四方面。排版：选择独特、有表现力的字体，避免 Inter、Roboto、Arial、system-ui、Helvetica 等默认字体；可用高对比搭配（如几何无衬线＋人文衬线），分别设定标题展示字体与正文字体，并建立排版层级。色彩：用 CSS 变量定义统一配色，采用主导色加少量锐利强调色，避免白底紫色渐变与通用蓝灰方案，可从 IDE 主题（Nord、Dracula、Monokai、Solarized）、文化美学（Solarpunk、Cyberpunk、Brutalism、Memphis）或自然色系中取灵感。动效：以 CSS 为主实现高影响力时刻与微交互，如列表和网格的错落渐入、自然的缓动曲线，微交互时长约 150–300ms。背景：用分层渐变、几何图案、网格渐变、噪点等营造纵深与氛围，而非纯色。
使用方式：技能按“理解上下文→确定主题方向→选择字体→定义色彩系统→添加动效→处理背景→检查独特度”的流程执行，并附有质量清单，用于在最终交付前核对字体、配色、CSS 变量、动效、背景与情境特征是否到位。文中还引用 references/design-themes.md 与 references/design-patterns.md 作为主题与模式参考。
适用场景：需要高设计质量网页界面、希望摆脱组件库默认样式与通用审美的前端项目。
限制：资料未提供具体的安装命令、收费方式、平台支持与效果数据，均暂未提供；其设计建议需结合项目实际判断，示例代码原样保留，不应改动。