SuperAPI AI 工具集

ui-design

设计与创作

查看项目

更新于 10-16 05:42

技能介绍

用途:该技能用于前端 UI 设计与界面创建,适用于网页或界面、小程序页面或界面、前端组件设计、原型或界面制作、样式与视觉效果处理,以及任何涉及用户界面的开发任务。不适用于后端逻辑或 API 设计、数据库模式设计(应使用 data-model-creation 技能)、以及不含 UI 组件的纯业务逻辑。

主要能力与要求:面向编码智能体使用时,强制先完成设计规格再写任何界面代码,规格需包含目的陈述、美学方向、配色方案、字体排印与布局策略。设计流程包括用户体验分析、产品界面规划、美学方向确定、高保真 UI 设计、前端原型实现与真实感增强。要求避免通用 AI 审美:禁止使用紫色、紫罗兰、靛蓝、品红及蓝紫渐变等颜色;禁止使用 Inter、Roboto、Arial、Helvetica、system-ui、-apple-system 等字体;禁止无创意破格的标准居中布局;禁止用 emoji 当图标,须使用专业图标库(如 lucide-react、FontAwesome、Heroicons 等)。提交前需做颜色、字体、图标、布局与设计规格一致性自检。

使用方式:在需要创建界面时调用该技能,先输出 DESIGN SPECIFICATION,再按选定美学方向实现;样式建议使用 Tailwind CSS,图标使用专业图标库,动画优先 CSS,React 项目可用 Motion 库。若未特别要求,最多提供 4 个页面。

适用场景:教育、生产力、社交、金融等应用界面设计,以及需要鲜明视觉风格的高保真原型。

限制:资料未提供安装命令、收费方式、平台支持范围与具体效果数据,暂未提供。