SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-15 23:43

技能介绍

用途:在用户要求构建 Web 组件、页面或应用时,指导生成独特、生产级且具有高设计质量的前端界面,避免通用“AI slop”审美。

主要能力:先进行设计思考,明确用途、受众、技术约束与差异化点,并选定一个明确的美学方向(如极简、复古未来、奢华、编辑风、粗野主义等)。随后实现可运行代码(HTML/CSS/JS、React、Vue 等),要求生产可用、视觉突出、风格统一、细节精致。

美学要点:字体选择独特且有趣,避免 Arial、Inter 等通用字体;用 CSS 变量保持色彩与主题一致;用动画和微交互制造高冲击时刻,HTML 优先纯 CSS,React 可用 Motion 库;布局可不对称、重叠、打破网格;背景与视觉细节可加入渐变网格、噪点、几何图案、分层透明、戏剧阴影、自定义光标等。

与 shadcn 项目集成:需要发现组件、安装命令或实现模式时调用 shadcn-management 技能;视觉定制可覆盖 globals.css 中的 CSS 变量、扩展 tailwind.config 的 colors/fontFamily/animation/keyframes,并在 components/ui/* 中覆盖 className。

限制:资料未提供具体安装命令、收费方式、平台支持或效果保证;实现复杂度需与美学愿景匹配,极简设计应克制精准,极繁设计才需要大量动画与效果。