SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-15 20:08

技能介绍

用途:根据用户给出的前端需求(组件、页面、应用或界面)创建风格鲜明、可直接使用的界面代码,避免千篇一律的通用设计。

主要能力:先做设计思考,明确目的、用户、审美基调(如极简、极繁、复古未来、奢华、编辑杂志风、粗野主义等)、技术约束与差异化亮点;需求模糊时可用 mcp-feedback-enhanced 的 ask_followup_question 追问偏好,否则用普通对话确认。随后实现 HTML/CSS/JS、React、Vue 等可运行代码,要求功能完整、视觉突出、风格统一、细节考究。

设计要点:排版选择有个性、非通用的字体,显示字体与正文字体搭配;配色用 CSS 变量保持统一,主色加锐利点缀;动效用于效果与微交互,HTML 优先纯 CSS,React 可用 Motion 库,重视页面加载的编排式揭示、滚动触发与悬停状态;布局追求非对称、重叠、斜向流与破格元素,并强调留白或受控密度;背景与细节可用渐变网格、噪点、几何图案、分层透明、阴影、装饰边框、自定义光标与颗粒叠加营造氛围。

限制:不使用 Inter、Roboto、Arial 等通用字体及紫色渐变配白底等陈词滥调,不同生成之间不得趋同;实现复杂度需匹配美学方向——极繁需大量动画特效,极简需克制与精准。官方未提供具体安装命令、收费、平台与效果数据。