SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-16 02:32

技能介绍

用途:在用户提出构建前端组件、页面、应用或界面时,引导产出独特、生产级、高设计质量的前端实现,避免千篇一律的 AI 生成审美。

主要能力:先进行设计思考,明确用途、受众与技术约束,并选定一个大胆的审美方向(如极简、极繁、复古未来、自然有机、奢华精致、编辑杂志风、粗野主义、装饰几何、柔和粉彩、工业实用等),再落地为视觉突出、风格统一、细节精炼的可运行代码。

设计要点:排版上选用美观独特、富有个性的字体,避免 Arial、Inter 等通用字体,可用特色展示字体搭配精致正文字体;配色与主题保持统一,使用 CSS 变量,强调主色与鲜明点缀;动效用于效果与微交互,HTML 优先纯 CSS,React 在可用时使用 Motion 库,重视页面加载的编排式错峰呈现(animation-delay)与滚动、悬停状态;空间构图鼓励非对称、重叠、对角流线、破格元素以及大量留白或受控密度;背景与视觉细节可加入渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标和颗粒叠加等。

使用方式:用户提供前端需求(组件、页面、应用或界面)及可能的用途、受众与技术约束,技能据此产出实现代码。

限制:应避免滥用字体、俗套配色(如白底紫色渐变)、可预测布局与缺乏语境特色的模板化设计;实现复杂度需与审美愿景匹配,极繁设计需大量动画与效果,极简设计则需克制与精准。该资料未提供具体收费、价格、平台支持范围与安装命令等信息。