用途：frontend-design 用于从选定的视觉方向出发，构建定制化前端界面，适用于定制页面、组件或站点。它强调“概念完整性”：每个界面只承诺一个连贯的设计理念，所有排版、配色、动效与布局选择都服务于该理念，并在编码前明确说出这一美学方向。
主要能力：指导实现可运行、生产级、视觉突出且风格统一的前端代码（HTML/CSS/JS、React、Vue 等）。关注排版（避免 Arial、Inter 等通用字体，搭配独特展示字体与精致正文字体）、配色与主题（用 CSS 变量保持一致，主色加锐利点缀）、动效（优先 CSS 方案，React 可用 Motion 库，重视页面加载的错落揭示与滚动、悬停状态）、空间构图（非对称、重叠、斜向流动、打破网格、留白或受控密度）、背景与视觉细节（渐变网格、噪点纹理、几何图案、分层透明、戏剧性阴影、装饰边框、自定义光标、颗粒叠加等）。
使用方式：用户提供前端需求（组件、页面、应用或界面）及用途、受众或技术约束。若为已有产品，除非用户要求新方向，应保留其组件、主题、密度与交互惯例；仅在定制设计或获授权的视觉改版时应用上述美学指导。先理解上下文并选定明确的美学方向（如极简、极繁、复古未来、自然、奢华、玩具感、杂志编辑、粗野主义、装饰几何、柔和粉彩、工业实用等），再实现代码。
交付要求：每次交付须包含可运行代码、无障碍说明、运行/验证命令、所做取舍，以及一段桌面与移动端行为对比说明。若所需框架或工具不可用，应交付可用的纯 HTML/CSS/JS 回退方案并说明。
限制：该技能面向纯创意、定制化美学方向；系统性风格、配色、字体查询应使用 ui-ux-pro-max。它取代捆绑的 frontend-design:frontend-design 插件技能，若两者同时可用应优先使用本技能，或禁用插件副本以避免不确定激活。关于模型选择、worker 调度等具体机制，资料提及需在调用权限内进行，并参考 shared/references/model-preview.md 及其已批准的路由快照；其余细节暂未提供。