SuperAPI AI 工具集

ui-ux-pro-max

前端与建站

查看项目

更新于 10-15 21:11

技能介绍

用途:为前端界面生成提供系统化设计规范,目标是产出有设计感、可直接交付的界面,避免 AI 模板风。日常前端开发由 frontend-dev skill 与 frontend-design 插件覆盖,本技能在需要高质量界面设计时手动触发,或描述“设计感/专业 UI”时自动触发。

主要能力:给出设计哲学(克制、层次、一致、功能优先);反 AI 风格清单,禁止蓝紫霓虹渐变、玻璃拟态、发光描边、粒子背景、无意义几何装饰、装饰性 emoji 等;配色体系构建方法(1 个品牌主色、5 级明暗梯度、1 个功能强调色、语义色、7 级中性色)及 CSS 变量模板与暗色模式覆盖;排版系统(字号梯度、行高、字重);8px 基准间距系统与使用原则;视觉层次 5 种手段与信息密度控制;层级化阴影与圆角系统;交互微动效原则、Timing 变量、状态过渡模板与禁止的动效;响应式断点、适配策略与 clamp() 流式字号;按钮层级、表单、空状态、加载状态等组件模式;无障碍基础(对比度、焦点可见、键盘导航、语义化 HTML、alt 文本)。

使用方式:资料未提供安装命令或调用命令。技能内含代码输出要求(使用 CSS 变量、响应式、交互状态完整、语义化标签、暗色模式)、生成顺序(定义 tokens→结构→布局→内容→交互→响应式)、样式组织顺序与设计评审检查清单。

适用场景:需要生成或评审有设计感的前端页面与组件时。

限制:资料未提供收费、价格、平台支持等信息;具体触发配置与安装方式暂未提供。