用途:在用户要求构建 Web 组件、页面、应用或界面时,指导生成独特、生产级且具有高设计质量的前端实现,避免通用“AI slop”审美。
主要能力:先进行设计思考,明确用途、受众、技术约束与差异化点,并选定一个大胆的美学方向(如极简、极繁、复古未来、自然、奢华、玩具感、杂志编辑、粗野主义、装饰艺术、柔和粉彩、工业实用等)。随后实现可运行代码(HTML/CSS/JS、React、Vue 等),要求功能完整、视觉醒目、风格统一、细节精致。
设计要点:字体选择独特且富有性格,避免 Arial、Inter 等通用字体,搭配展示字体与正文字体;用 CSS 变量保持色彩与主题一致,主色加锐利点缀;动效用于效果与微交互,HTML 优先纯 CSS,React 可用 Motion 库,重视页面加载的错落揭示、滚动触发与悬停状态;空间构图可采用非对称、重叠、对角线、打破网格、大量留白或受控密度;背景与视觉细节可加入渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加等。
使用方式:用户提供前端需求(组件、页面、应用或界面),可附带目的、受众或技术约束;技能据此先确定概念方向,再实现代码。
限制与注意:避免过度使用的字体、俗套配色(如白底紫色渐变)、可预测布局与千篇一律的设计;不同生成之间应变化主题、字体与美学,不要收敛到常见选择。实现复杂度需匹配美学愿景:极繁设计需要大量动画与效果,极简设计则需克制、精准与对间距、字体、细节的细致处理。资料未提供安装命令、收费、价格、平台或具体效果数据。