用途:在用户要求构建网页组件、页面、应用或界面时,指导生成具有鲜明设计风格、可直接投入生产的前端代码。
主要能力:先进行设计思考,明确界面要解决的问题、使用者、语气、技术约束与差异化亮点;随后选择并贯彻一种明确的美学方向,例如极简、繁复混乱、复古未来、自然有机、奢华精致、玩具感、编辑杂志风、粗野主义、几何装饰风、柔和粉彩或工业实用风等。实现可使用 HTML/CSS/JS、React、Vue 等,要求功能可用、视觉突出、风格统一、细节严谨。
设计准则:字体选择应美丽、独特、有趣,避免 Arial、Inter 等通用字体,可用特色展示字体搭配精致正文字体;色彩与主题通过 CSS 变量保持一致,主色鲜明、点缀锐利;动效用于效果和微交互,HTML 优先纯 CSS,React 可选用 Motion 库,重视高冲击时刻如错落有致的页面加载,并用滚动触发和悬停状态制造惊喜;空间构图可不对称、重叠、对角流动、打破网格,并控制留白或密度;背景与视觉细节可加入渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标和颗粒叠加等。
限制与注意:应避免过度使用的字体、紫白渐变、可预测布局等通用 AI 审美;不同生成结果应有所变化,不要在明暗主题、字体和风格上趋同。实现复杂度需匹配美学愿景:繁复设计需要大量动画与效果,极简设计则需要克制、精确与对间距、字体和细节的细致处理。资料未提供具体安装命令、收费方式或平台支持信息。