用途:在用户提出构建 Web 组件、页面、应用或界面时,引导产出独特、达到生产级且设计质量较高的前端界面,避免常见的“AI 味”审美,并输出真实可运行的代码,强调审美细节与创意选择。
主要能力与设计思路:编码前先理解上下文并确定鲜明的美学方向,围绕目的(解决什么问题、谁使用)、基调(如极简、极繁、复古未来、自然、奢华、玩趣、杂志编辑、粗野、装饰几何、柔和粉彩、工业实用等)、约束(框架、性能、可访问性等技术要求)和差异化(让人记住的点)展开。强调选择清晰概念方向并精准执行,极繁与精炼极简皆可,关键在于有意为之而非强度。
实现要求:输出生产级、可运行、视觉出众且协调、细节精炼的代码,可用 HTML/CSS/JS、React、Vue 等。
美学指南:字体上选择美观、独特、有趣的字体,避免 Arial、Inter 等通用字体,将特色展示字体与精致正文字体搭配;颜色与主题上坚持统一美学,使用 CSS 变量保持一致,主色配锐利点缀优于平均分布;动效用于效果与微交互,HTML 优先纯 CSS 方案,React 可用时使用 Motion 库,重视如页面加载错峰揭示等高冲击时刻,并用滚动触发与悬停状态制造惊喜;空间构图上可不对称、重叠、对角流动、打破网格,或留白充裕或控制密集;背景与视觉细节上营造氛围与纵深,加入契合整体美学的纹理与情境效果,如有渐变网格、噪点、几何图案、分层透明、戏剧化阴影、装饰边框、自定义光标与颗粒叠加。
限制与注意:不要使用被滥用的字体(Inter、Roboto、Arial、系统字体)、老套配色(尤其白底紫色渐变)、可预测布局与组件模式及缺少情境特征的模板化设计。应据情境做创意诠释,不同设计避免雷同,在明暗主题、字体与美学间变化,不要跨次收敛到常见选择(如 Space Grotesk)。实现复杂度需匹配美学愿景:极繁需大量动画与效果的精细代码,极简或精炼则需克制、精准并留意间距、排版与微妙细节。
其他信息:关于具体安装方式、收费、价格、平台支持与使用步骤,资料暂未提供。