SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-16 06:45

技能介绍

用途:当用户要求构建网页组件、页面、应用或界面时,该技能引导产出独特、生产级的前端界面,避免常见的“AI 味”审美,并以实际可运行代码实现细致的视觉与创意决策。

主要能力与思路:先理解上下文并确定大胆的美学方向,包括用途(解决什么问题、给谁用)、基调(如极简、极繁、复古未来、自然、奢华、玩具感、杂志感、粗野主义、装饰艺术、柔和粉彩、工业风等)、技术约束(框架、性能、可访问性)以及差异化亮点。随后编写可运行代码,支持 HTML/CSS/JS、React、Vue 等。

美学要点:字体选择独特且富有个性,避免 Arial、Inter 等通用字体,常将特色展示字体与精致正文字体搭配;配色与主题保持统一,使用 CSS 变量,强调主色与锐利点缀;动效用于效果与微交互,HTML 优先纯 CSS,React 在有条件时使用 Motion 库,重视编排良好的页面加载分阶段呈现、滚动触发与悬停状态;空间构成鼓励非对称、重叠、对角流动、打破网格、大量留白或受控密集;背景与细节强调氛围与深度,可加入渐变网格、噪点纹理、几何图案、层叠透明、戏剧性阴影、装饰边框、自定义光标、颗粒叠加等。

限制与注意:要求实现复杂度与美学愿景匹配,极繁设计需丰富动画与效果,极简设计需克制与精确;避免套用过度使用的字体、紫色渐变白底等陈词滥调、可预测布局与千篇一律的设计;不同生成之间应保持变化,不趋同于常见选择。资料未提供安装方式、定价、平台与具体版本信息。