frontend-design

用途：当用户要求构建网页组件、页面、应用或界面时，该技能引导生成有辨识度、可直接用于生产的前端界面，强调清晰的美学方向而非通用化模板。\n\n主要能力：先做设计思考，明确界面的目的与使用者、选择的调性（如极简、复古未来、奢华、编辑杂志风、粗野主义、柔和粉彩等）、技术约束与差异化记忆点；随后实现可运行代码，可用 HTML/CSS/JS、React、Vue 等。美学规范覆盖字体（避免 Arial、Inter 等通用字体，倾向有性格的展示字体搭配精致正文字体）、色彩与主题（用 CSS 变量保持统一，主色加锐利点缀）、动效（HTML 优先纯 CSS，React 可用 Motion，强调有序的入场与滚动、悬停效果）、空间构成（非对称、重叠、斜向、破格布局）、背景与视觉细节（渐变网格、噪点、几何图案、层叠透明、阴影、自定义光标等）。\n\n使用方式：由用户提供要构建的组件、页面或应用及用途、受众、技术约束等上下文，技能据此选定一个明确概念方向并精确落实，同时让实现复杂度与美学愿景匹配。\n\n限制：资料未提供安装命令、具体框架版本要求、性能或无障碍的具体指标、收费与授权信息；不同生成结果应避免趋同选择，但未给出可量化的评估标准。