SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-16 03:15

技能介绍

用途:frontend-design 用于在构建 Web 组件、页面等前端界面时,产出具有鲜明设计风格、可直接用于生产的代码。

主要能力:技能要求在编码前先做设计思考,明确用途(解决什么问题、谁使用)、基调(如极简、复古未来、奢华、编辑杂志风、粗野主义等)、技术约束(框架、性能、无障碍)以及差异化记忆点。随后实现可运行的 HTML/CSS/JS、React、Vue 等代码,要求功能完整、视觉突出、风格统一、细节精致。

美学要点:字体选择独特且美观,避免 Arial、Inter 等通用字体,用特色展示字体搭配精致正文字体;用 CSS 变量保持配色一致,主色加锐利点缀;动效优先纯 CSS,React 可用 Motion 库,重视页面加载的错落揭示与滚动、悬停惊喜;布局可不对称、重叠、打破网格;背景与细节可用渐变网格、噪点纹理、几何图案、层叠透明、戏剧阴影、装饰边框、自定义光标等。

限制:避免通用 AI 风格,如 Inter、Roboto、Arial、系统字体、白底紫色渐变、可预测布局;不同生成之间应变化主题、字体与美学,不要收敛到常见选择。实现复杂度需匹配美学愿景:极繁需大量动画与效果,极简需克制、精确与细节。资料未提供安装命令、收费、平台等具体信息。