用途：当用户要求构建 Web 组件、页面或界面时，该技能引导产出具有鲜明设计风格、可直接使用的生产级前端代码，而非套模板式的通用外观。
主要能力：先做设计思考，明确目标与受众、确定一种鲜明的美学方向（如极简、繁复、复古未来、编辑/杂志风、工业风等）、了解框架与性能及无障碍等技术约束，并找出让界面令人难忘的差异点。随后实现可运行代码，可采用 HTML/CSS/JS、React、Vue 等。
美学准则：排版上选择独特、有性格的字体，避免 Arial、Inter 等常见字体；配色上用 CSS 变量保持统一，以主色加锐利点缀取胜；动效上优先纯 CSS，React 可用 Motion 库，重视页面加载的编排式错落呈现与滚动、悬停等交互；构图上可用不对称、重叠、斜向流动、打破网格以及大量留白或刻意密集；背景与细节可用渐变网格、噪点纹理、几何图案、分层透明、投影、装饰边框、自定义光标等营造氛围与纵深。
限制与要求：明确避免泛滥的字体、陈词滥调的配色（如白底紫渐变）和可预测的布局；不同作品之间应变换明暗主题、字体与风格，不重复收敛到同一套选择；实现复杂度需与美学目标匹配，繁复风格需要更多动画与效果，极简风格则强调克制、精确与间距、排版的细节处理。