SuperAPI AI 工具集

frontend-desing

前端与建站

查看项目

更新于 10-16 06:22

技能介绍

用途:该技能用于指导创建高质量、具有明确美学方向且可直接用于生产的前端界面,帮助在构建或改进 Web UI 时避免通用、重复的“AI 感”设计,强调有意的设计决策、强烈视觉识别与细节打磨。

主要能力:先设计后编码,要求明确界面用途、目标用户、选定大胆清晰的美学方向并显式说明假设;若需求不清则请求澄清,若有多种方向则简要给出 2–3 个选项,不随意选择,也不在视觉方向不明确时开始编码。要求选定一种风格并贯彻,如极简、粗野、杂志编辑、奢华、玩趣、复古未来、工业、自然、极繁等,避免混用冲突风格。

实现要求:输出完整可运行代码(HTML/CSS/JS、React、Vue 等),结构清晰,无伪代码或占位符,避免不完整片段与不可用 UI。视觉原则包括:避免默认字体,使用有表现力的字体搭配;使用统一色板与变量,避免通用紫蓝渐变和低对比配色;有意使用间距、非对称、重叠与分层,避免通用居中布局和重复卡片网格;动画要有目的,优先 CSS 动画,聚焦关键瞬间;通过纹理、阴影、光照、边框、背景处理增加深度,避免扁平无生气表面。

使用方式:用户提出界面需求后,先定义受众与方向,再决定字体、色彩系统与布局结构,最后实现完整页面、样式组件与交互动画,并确保没有通用 SaaS 外观。

适用场景:落地页、Web UI 构建与改进等需要强视觉识别的前端设计任务。

限制:资料未提供具体安装命令、收费、价格、平台支持或效果数据;设计复杂度需与所选风格匹配,极简重精度与排版,极繁重视觉与动画,不应过度复杂化简单设计或过度简化表现性设计。