frontend-design

用途：该技能面向前端界面创建，强调设计品质与视觉独特性，避免落入通用化、模板化的AI审美。适用请求包括构建网页组件、页面、应用或其他前端界面。用户可提供用途、受众或技术约束等上下文。\n\n主要能力与流程：在编码前先进行设计思考，明确界面要解决的问题与使用者、选定明确的风格基调（如极简、极繁、复古未来、奢华精致、编辑杂志风、粗野主义、装饰艺术等）、确认技术约束（框架、性能、可访问性），并思考差异化亮点。随后产出可运行代码，支持HTML/CSS/JS、React、Vue等，要求功能可用、视觉突出、风格统一、细节精炼。\n\n设计要点：字体上选用有特色、有个性的字体，搭配独特的展示字体与精致的正文字体；配色上保持一致的美学方向，用CSS变量统一，主色加锐利点缀；动效上可用于效果与微交互，HTML优先纯CSS方案，React在有条件时可用Motion库，重视如整页加载的分层揭示等高冲击时刻，并可用滚动触发与悬停状态；构图鼓励非对称、重叠、对角流动、打破网格以及充足留白或受控密度；背景上可增加氛围与层次，如渐变网格、噪点纹理、几何图案、分层透明、戏剧性阴影、装饰边框、自定义光标与颗粒叠加。\n\n限制与注意事项：应避免过度使用的字体族（如Inter、Roboto、Arial、系统字体）、俗套配色（尤其白底紫色渐变）、可预测的布局与组件模式。实现复杂度需与美学目标匹配：极繁设计需要更复杂的动画与效果，极简设计则需克制、精准并关注间距、字体与细微细节。不同设计之间应保持差异，避免每次收敛到相同选择。该资料未提供具体安装命令、收费或平台信息。