SuperAPI AI 工具集

interface-design

设计与创作

查看项目

更新于 10-15 21:41

技能介绍

用途:为仪表盘、管理后台、SaaS 应用、工具、设置页和数据界面提供以工艺为先的界面设计方法。不适用于落地页、营销站点、活动页或纯品牌设计,那些应使用营销/前端设计技能。

主要能力:先明确意图(使用者是谁、要完成什么、应有什么感受),再进行产品领域探索,产出领域概念、色彩世界、签名元素与需避免的默认选项;随后处理视觉层级与构图,包括单一焦点、字号比例与字重、密度、空间节奏、比例关系以及约 60/30/10 的分布与克制;并覆盖分层、边框、表面高度等基础工艺,以及动效与打磨要点。技能自带方向、视觉层级、设计系统架构与上线级 UI 所需的打磨内容。

使用方式:在写代码前先回答意图问题,若提示过于模糊可提一个简洁问题或说明假设后继续。每次编写 UI 代码前需声明意图、层级、调色板、深度、表面、字体与间距,并说明理由。若会话中存在内联可视化渲染工具,优先渲染方向、组件或前后对比;无该工具时退回代码、令牌与文字方案。控件优先使用原生 HTML,其次成熟的无头原语,最后才手写。

限制:资料未提供具体安装命令、价格、平台支持或效果数据。该技能强调避免默认输出,但过程本身不保证工艺;渲染仅用于对话展示,实际实现仍需通过正常编辑落入代码库。