用途：该技能面向需要构建 Web 组件、页面、应用或界面的场景，目标是产出独特、可投产且设计质量高的前端实现，而不是套用通用模板。用户需给出前端需求，可附带目的、受众或技术约束等背景。
主要能力与流程：动手写代码前先做设计思考，明确要解决的问题、使用者、技术约束（框架、性能、无障碍）以及差异化亮点。需选定一个清晰且极致的美学方向，如极简、极繁、复古未来、自然有机、奢华、玩具感、杂志编辑、粗野主义、几何装饰、柔和粉彩、工业实用等，并以精确执行落地，重点是有意图而非强度。
实现要求：可用 HTML/CSS/JS、React、Vue 等写出可运行代码，要求生产级可用、视觉醒目难忘、审美统一、细节精炼。审美上关注：字体选择应独特有性格，避免 Arial、Inter 等通用字体，可用一款有个性的展示字体搭配克制的正文字体；用 CSS 变量保持配色一致，主色配锐利点缀；动效用于效果与微交互，HTML 优先纯 CSS 方案，React 可优先 Motion 库，重视一次编排好的页面载入与错落呈现；布局可不对称、重叠、斜向流动、打破网格，或用充足留白或受控密度；背景与细节可用渐变网格、噪点、几何图案、层叠透明、戏剧阴影、装饰边框、自定义光标等营造氛围。
限制与注意：明确禁止过度通用的 AI 审美，如滥用字体、白色背景上的紫色渐变、可预测的布局与组件、缺乏语境特色的套壳设计。每次生成应有所变化，避免反复收敛到同一套常见选择。实现复杂度要与美学愿景匹配：极繁需要大量动画与效果，极简需要克制、精确与对间距字体的细致把控。资料未提供具体安装命令、收费、平台与效果数据。