SuperAPI AI 工具集

power-ui

前端与建站

查看项目

更新于 10-16 00:22

技能介绍

用途:Power-UI 是面向“进阶用户”工具的构建手册,适用于个人仪表盘、管理控制台、开发者工具、分诊界面、AI 指挥中心与运维工具等由高频用户主导的场景;不适合营销站点、新手引导流程或偶发访客为主的消费级应用。

主要能力:它规定密度优先(列表行 36–40px、卡片仅用于详情面板)、键盘优先(j/k 移动、Enter 执行、Escape 返回)、AI 作为一等公民(上下文“Ask AI”按钮直接可见)、渐进式显示与“活动感”反馈。配色上限制语义色不超过 4 种,主色仅用于可交互元素,徽章默认灰阶,避免 LLM 生成界面常见的紫色聚集。

组件模式:提供 SectionLabel(全大写、11px、含计数与操作簇)、36–40px 数据表行(含状态点、短 ID、标题、时间戳和悬停操作)、约 55vw 右侧滑出抽屉详情、骨架行/空状态/错误横幅等共享原语、批量操作栏、AI 建议芯片以及抽屉自动前进(完成一项操作后直接切到下一项)。

使用方式:先使用 /design 技能建立视觉基础(令牌、排版、颜色、阴影、动画),再用 Power-UI 叠加交互架构;当两者冲突时按表中规则覆盖(行优先于卡片、SectionLabel 替代 PageHeader、密集间距、以边框替代阴影)。示例代码使用普通 Tailwind 值,需替换为项目设计系统的语义令牌;暗色为先,亮色需反转透明度模式。

限制:资料未提供安装命令、版本依赖、许可证与价格信息;文中命令与代码需原样保留,按项目令牌体系适配后方可使用。