用途:在用户要求构建网页组件、页面、应用或界面时,指导生成具有鲜明设计风格、可直接运行的前端代码,避免千篇一律的 AI 生成审美。
主要能力:先做设计思考,明确用途、受众、技术约束与差异化记忆点,并选定一个大胆的美学方向(如极简、极繁、复古未来、自然有机、奢华精致、玩具感、杂志编辑、粗野主义、装饰几何、柔和粉彩、工业实用等)。随后用 HTML/CSS/JS、React、Vue 等实现生产级、功能可用、视觉难忘且细节统一的界面。
美学要点:字体选择独特且富有性格,避免 Arial、Inter 等通用字体,可用特色展示字体搭配精致正文字体;配色使用 CSS 变量保持统一,以主色加锐利点缀替代平均分布;动效优先 CSS 方案,React 可用 Motion 库,重视页面加载的编排式错落揭示、滚动触发与悬停惊喜;空间构图追求不对称、重叠、斜向流动、打破网格,以及大量留白或受控密度;背景与细节可加入渐变网格、噪点纹理、几何图案、层叠透明、戏剧阴影、装饰边框、自定义光标与颗粒叠加。
使用方式:用户提供前端需求后,技能先理解上下文并确定美学方向,再实现代码。实现复杂度需匹配美学愿景:极繁设计需要丰富动画与效果,极简设计则需克制、精准,注重间距、字体与微妙细节。
限制:资料未提供具体安装命令、收费方式、支持平台或性能指标;不保证跨浏览器兼容性,实际效果取决于所选框架与项目约束。