SuperAPI AI 工具集

ultimate-ui

设计与创作

查看项目

更新于 10-16 00:03

技能介绍

用途:Ultimate UI 是一个设计系统知识库型技能,用于在构建或美化界面时给出具体、可执行的设计规则,目标是让 UI 看起来像资深设计师打磨过,而非提示词直接生成。适用于按钮、卡片、表单、表格、导航等组件,以及布局、间距、栅格、暗色模式、字体、无障碍、落地页、动效、响应式与反馈状态等任务;不适用于后端逻辑、API 设计、数据库结构或品牌与 Logo 设计。

主要能力:强调约束与克制,包括使用 4px/8px 间距刻度而非任意值;调色板限制为 1 个主色 + 1 个中性色 + 1 个强调色,遵循 60-30-10 比例;通过对比而非装饰建立层级;交互元素需具备默认、悬停、按下、禁用及焦点状态;统一圆角、阴影与过渡时长;使用真实图标库(如 Lucide React、React Icons、Heroicons、Phosphor、Font Awesome)而非 emoji。

使用方式:激活后首次回复以 🧢 开头。技能内含按钮层级、字体刻度、CSS Grid 响应式布局、暗色模式、Toast、数据表格等示例代码,并列出常见反模式与注意事项。详细主题放在 references/ 目录下,如按钮与图标、颜色与主题、视觉层级、栅格与间距、无障碍、性能、落地页、表单、导航、仪表盘等,仅在当前任务需要时加载对应文件,以免占用上下文。

限制:首次激活时会检查已安装的配套技能,缺失时提示可用 npx skills add AbsolutelySkilled/AbsolutelySkilled --skill <name> 安装。资料未提供收费、价格、平台支持范围或效果保证等信息。