frontend-design

用途：在用户要求构建 Web 组件、页面、应用或界面时，指导生成独特、生产级且具有高设计质量的前端实现，避免通用化、模板化的“AI 审美”。\n\n主要能力：先做设计思考，明确用途、受众、技术约束与差异化记忆点，并选定一个大胆且清晰的美学方向，例如极简、极繁、复古未来、自然有机、奢华精致、玩具感、杂志编辑、粗野主义、装饰几何、柔和粉彩、工业实用等。随后实现可运行代码，支持 HTML/CSS/JS、React、Vue 等。\n\n设计要点：字体选择独特且富有性格，避免 Arial、Inter 等通用字体；用 CSS 变量保持色彩与主题一致，采用主色加锐利点缀；用动画与微交互制造高冲击时刻，HTML 优先纯 CSS，React 可用 Motion 库；布局可不对称、重叠、斜向流动、打破网格；背景与视觉细节可加入渐变网格、噪点、几何图案、层叠透明、戏剧阴影、装饰边框、自定义光标与颗粒叠加。\n\n使用方式：用户提供前端需求，可能包含目的、受众或技术限制；技能据此先确定美学方向，再输出功能完整、视觉突出、细节精致且风格统一的代码。\n\n限制与注意：实现复杂度需匹配美学愿景，极繁设计需要更复杂的动画与效果，极简设计则需克制与精确；不要收敛到常见选择，不同生成之间应变化主题、字体与风格。资料未提供具体安装命令、收费、价格、平台或效果数据。