SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-16 05:05

技能介绍

用途:根据用户提供的前端需求(组件、页面、应用或界面)创建独特、生产级、可直接运行的前端界面,避免千篇一律的“AI 生成”审美。

主要能力:在编码前先做设计思考,明确用途、受众、技术约束与差异化方向,并选定一个大胆且清晰的审美方向(如极简、极繁、复古未来、自然有机、奢华精致、玩具感、杂志编辑风、粗野主义、装饰几何、柔和粉彩、工业实用等)。随后用 HTML/CSS/JS、React、Vue 等实现可运行代码,要求功能完整、视觉醒目、风格统一、细节精炼。

设计要点:排版上选择美观、独特、有趣的字体,避免 Arial、Inter 等通用字体,用特色展示字体搭配精致正文字体;配色与主题保持统一,使用 CSS 变量,主色加锐利点缀优于平均分布;动效用于效果与微交互,HTML 优先纯 CSS,React 可用动效库,强调页面加载错峰揭示等高冲击时刻;空间构图追求非对称、重叠、对角流动、打破网格、留白或受控密度;背景与视觉细节可用渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加等营造氛围与深度。

使用方式:用户给出前端需求后,先确定审美方向,再实现代码。实现复杂度需与审美愿景匹配:极繁设计需要大量动画与效果,极简设计则需克制、精准,注重间距、排版与微妙细节。

限制:资料未提供具体安装命令、收费、价格、平台支持或效果保证等信息,暂未提供。避免使用过度常见的字体、俗套配色(如白底紫色渐变)、可预测布局与缺乏个性的模板化设计;不同生成之间应变化明暗主题、字体与审美,避免收敛到相同默认值。