用途:在用户要求构建Web组件、页面、应用、海报或任何需要样式化的Web UI时,指导生成独特、生产级的前端界面,避免千篇一律的AI风格。
主要能力:先做设计思考,明确用途、受众、技术约束,并选定一个大胆的美学方向(如极简、复古未来、编辑杂志、粗野主义等),再实现可运行代码(HTML/CSS/JS、React、Vue等)。关注排版(避免Arial、Inter等通用字体,搭配独特展示字体与精致正文字体)、色彩与主题(用CSS变量保持统一,主色加锐利点缀)、动效(优先CSS,React可用Motion库,重视页面加载的错落揭示与滚动、悬停效果)、空间构成(非对称、重叠、斜向、破格布局)、背景与视觉细节(渐变网格、噪点、几何图案、层叠透明、戏剧阴影、自定义光标等)。
使用方式:用户提供前端需求与上下文,技能据此产出代码与设计。实现复杂度需匹配美学愿景:极繁设计需丰富动画与效果,极简设计需克制、精准、注重间距与细节。
适用场景:网站、登录页、仪表板、React组件、HTML/CSS布局,以及任何美化Web UI的任务。
限制:资料未提供具体安装命令、收费、平台或效果保证;不保证跨代设计不重复,但要求避免常见选择(如Space Grotesk)并保持多样性。