SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-16 02:32

技能介绍

用途:该技能用于指导创建独特、可投入生产的前端界面,避免通用的“AI 风格”审美,并用真正可运行的代码实现,注重美学细节与创意选择。用户需提供前端需求:要构建的组件、页面、应用或界面,也可附带用途、受众或技术约束等背景信息。

主要能力:先进行设计思考,明确目标、确定一种大胆的美学方向(如极简、繁复、复古未来、自然、奢华、玩趣、编辑杂志、粗野、装饰几何、柔和粉彩、工业实用等),考虑框架、性能、无障碍等技术约束,并思考差异化亮点。随后实现可运行的 HTML/CSS/JS、React、Vue 等代码,要求生产可用、视觉醒目、美学统一、细节精炼。美学上强调独特的字体搭配(避开 Arial、Inter 等通用字体)、统一的色彩主题与 CSS 变量、动效与微交互(HTML 优先纯 CSS,React 可用 Motion 库)、非预期布局与空间构成,以及渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影等背景与视觉细节。

使用方式:由用户提出前端构建需求后触发,技能据此产出设计与代码。具体安装或调用命令暂未提供。

适用场景:构建具有鲜明设计风格的 Web 组件、页面或应用界面。

限制:应避免常见 AI 生成审美,如过度使用的字体、白底紫色渐变、可预测布局;需将实现复杂度与美学愿景匹配;不同生成结果应有所变化,不应趋同于常见选择。其余平台、收费、价格等信息暂未提供。