用途：当用户要求构建网页组件、页面或界面时，该技能提供设计指导，帮助产出有独特风格、制作级质量的前端成果，避免千篇一律的AI生成审美。
主要能力与流程：先做设计思考，明确用途（解决什么问题、谁来使用）、基调（如极简、极繁、复古未来、自然有机、奢华、玩具感、杂志编辑、粗野主义、装饰几何、柔和粉彩、工业实用等）、技术约束（框架、性能、可访问性）与差异化记忆点，选定清晰的概念方向并精准执行。随后实现可运行代码（HTML/CSS/JS、React、Vue 等），要求生产可用、视觉突出、风格统一、细节讲究。
美学要点：字体选择独特有性格，避免 Arial、Inter、Roboto、系统字体等通用字体，用展示字体搭配精致正文字体；用 CSS 变量统一色彩主题，主色加锐利点缀胜过平均分布；动效用于效果与微交互，HTML 优先纯 CSS，React 可用 Motion 库，重视页面加载的编排式错落呈现、滚动触发与悬停状态；空间构图可用非对称、重叠、对角流线、打破网格、大留白或受控密集；背景与视觉细节追求氛围与层次，如渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加。
使用方式与限制：需由用户先提供前端需求与必要的背景、约束信息，再据此设计并实现。实现复杂度应与美学愿景匹配，极繁需要丰富动效与效果，极简需要克制与精确。资料未提供具体安装命令、收费方式、平台支持范围与效果保证等信息。