SuperAPI AI 工具集

absolute-ui

通用与其它

查看项目

更新于 10-15 21:06

技能介绍

用途:Absolute UI 是一套设计系统知识库,用于在编写界面时给出具体、可执行的设计规则,让 UI 更像资深设计师的作品,而非提示词生成的通用样式。它强调约束与克制:更少的颜色、来自统一比例的间距、能建立层级但不喧哗的排版,以及不干扰用户的微交互。

主要能力:提供间距比例(4px/8px 基准,只用倍数)、配色限制(1 主色 + 1 中性色 + 1 强调色,60-30-10 比例)、通过对比而非装饰建立层级、交互元素四态(默认、悬停、按下、禁用,焦点态必需)、排版比例(1.25 模数,基准 16px)、暗色模式变量方案、按钮层级(主/次/幽灵)、响应式 CSS Grid 布局、Toast 通知、数据表格等具体 CSS 片段与规则。还包含常见反模式清单,如纯黑纯白、圆角不统一、阴影滥用、颜色过多、触控目标过小、用 emoji 当图标、通用字体栈、紫/靛渐变等。

使用方式:在编写标记或 CSS 前,先读取缓存配置 .absolute.config.json 或 ~/.absolute/config.json(来自 /absolute init),按项目文件 → 全局 projects["<cwd>"] → 全局默认的顺序解析有效配置,并采用 conventions.ui 中的 framework、styling、iconLibrary、componentLib、tokensPath;配置未提供时仅从 package.json 依赖推断,无配置则软建议初始化并即时检测。设计前先确定美学方向与记忆点,再写代码。

适用场景:构建或美化 UI 组件(按钮、卡片、表单、表格、导航)、布局与间距决策、暗色模式与主题切换、排版与字体选择、无障碍与 WCAG 合规、落地页与转化布局、动画与过渡、响应式与移动导航、反馈模式(Toast、Tooltip、加载态),以及让界面“更好看、更专业”。

限制:不适用于后端逻辑、API 设计、数据库结构问题,也不用于品牌识别或 Logo 设计。资料未提供收费、价格、平台支持范围等信息。