用途：该技能面向前端界面设计，当用户提出生成网页、创建网页、设计界面、前端设计、UI 设计、网页制作、交互式网页等需求时启用。它用于构建组件、页面、应用或界面，输出可实际运行的生产级代码，并强调审美细节与创意表达。
适用对象与区别：适合交互式网站、Web 仪表盘、React/Vue 组件、落地页、视觉海报、带 JS 的交互式 HTML 等。与 document-creation 的关键差异在于：frontend-design 创造用于交互的界面，document-creation 创造用于阅读或打印的文档（如商业报告、技术文档、API 文档、会议纪要、研究论文、静态打印 HTML）。
设计思路：编码前先理解上下文并确定大胆的美学方向，包括目的（解决什么问题、谁使用）、基调（如极简、极繁、复古未来、自然、奢华、趣味、杂志编辑、粗野主义、装饰艺术、柔和粉彩、工业实用等）、技术约束（框架、性能、可访问性）以及差异化亮点（让人记住的记忆点）。强调选定清晰概念方向并精确执行，极繁与极简都可成立，关键在于有意为之。
美学指南：字体方面避免 Arial、Inter 等通用字体，选择独特有性格的字体，可将特色展示字体与精致正文字体搭配；色彩与主题应统一，使用 CSS 变量保持一致性，主色调配锐利点缀优于均分配色；动效用于效果与微交互，HTML 优先纯 CSS 方案，React 环境可用 Motion 库，重视开场错峰揭示与滚动触发、悬停状态；空间构图可采用非对称、重叠、对角线、打破栅格，留白充足或密度受控；背景与视觉细节应营造氛围与层次，如渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加等。
限制与禁令：禁止使用通用 AI 生成美学，如滥用的字体族（Inter、Roboto、Arial、系统字体）、俗套配色（白底紫色渐变）、可预测布局与组件模式、缺乏语境特征的套模板设计。不同设计不应雷同，应在明暗主题、字体与美学间变化，不反复收敛到常见选择。实现复杂度需匹配美学愿景：极繁设计需大量动画与效果的精细代码，极简或精致设计需克制、精确，重视间距、字体排印与微妙细节。资料未提供具体价格、收费、平台支持范围与安装命令等信息。