SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-15 22:11

技能介绍

用途:当用户要求构建 Web 组件、页面或 artifacts 时,该技能引导生成独特、生产级的前端界面,避免通用“AI slop”审美,并实现真正可运行的代码,注重美学细节与创意选择。

主要能力:提供设计方向(目的、基调、约束、差异化)、前端美学指南(排版、颜色与主题、布局与空间、视觉细节、动效、交互、响应式、UX 文案),以及“AI Slop 测试”质量检查。排版建议使用模块化比例与流体字号(clamp),避免 Inter、Roboto、Arial、Open Sans 等常见字体;颜色建议使用 oklch、color-mix、light-dark 等现代 CSS 颜色函数,避免纯黑纯白与 AI 常见配色;布局强调节奏、非对称与有意破格;动效建议使用指数缓动,仅动画 transform 与 opacity;响应式建议使用容器查询(@container);交互建议渐进披露与乐观 UI。

使用方式:资料未提供具体安装命令或调用步骤,仅说明在用户要求构建前端界面时使用该技能。

适用场景:构建 Web 组件、页面、artifacts 等前端界面,尤其需要独特视觉风格与高设计质量时。

限制:资料未提供收费、价格、平台支持范围等信息;部分参考文档(排版、颜色、空间、动效、交互、响应式、UX 文案)仅被提及,具体内容暂未提供。