frontend-design

用途：该技能用于指导构建独特且达到生产级质量的前端界面，适用于用户要求构建 Web 组件、页面、应用、artifacts 或界面的场景。用户提供前端需求，可能附带用途、受众或技术约束等背景。\n\n主要能力：在编码前进行设计思考，明确界面要解决的问题与使用者，选定一种鲜明且极端的美学基调（如极简、极繁、复古未来、自然、奢华、趣味、编辑杂志、粗野、装饰几何、柔和粉彩、工业实用等），考虑框架、性能、无障碍等技术约束，并确定差异化亮点。随后以 HTML/CSS/JS、React、Vue 等实现可运行、生产级、视觉突出、风格统一、细节精炼的代码。\n\n美学指引：排版上选用美观独特、有趣的字体，避免 Arial、Inter 等通用字体；色彩上保持统一美学，使用 CSS 变量，主色搭配锐利点缀；动效用于效果与微交互，重视页面加载等高潮时刻；空间构图上采用不对称、重叠、对角流动、打破网格、大量留白或受控密度；背景与视觉细节营造氛围和纵深，避免纯色默认。明确要求不要使用过度使用的字体、常见的紫白渐变配色、可预测的布局与组件模式。\n\n使用方式：由用户提出具体前端构建需求，技能据此产出设计方向与实现代码。资料未提供安装命令、调用方式或具体交互步骤。\n\n适用场景：各类需要高设计质量、鲜明视觉辨识度的 Web 界面构建任务。\n\n限制：资料未提供收费、价格、平台、性能数据或具体效果保证；实际框架与可达性约束由用户需求决定。