SuperAPI AI 工具集

baseline-ui

设计与创作

查看项目

更新于 10-15 23:42

技能介绍

用途:Baseline UI 用于给 AI 生成的界面代码设定统一的 UI 基线,避免出现“AI 味”的界面问题,适合在界面需要快速清理或润色时使用。

用法:通过 /baseline-ui 将约束应用到当前对话中的所有 UI 工作;通过 /baseline-ui <file> 按约束审查指定文件,并输出违规处(引用具体代码片段)、原因(一句话说明)以及具体的代码级修复建议。

主要约束:栈方面要求使用 Tailwind CSS 默认值、JavaScript 动画用 motion/react、类名逻辑用 cn 工具(clsx + tailwind-merge);组件方面要求可访问原语、图标按钮加 aria-label、不混用原语系统;交互方面要求破坏性操作使用 AlertDialog、加载用骨架屏、用 h-dvh 而非 h-screen、尊重安全区域、错误就近展示;动画方面仅在明确要求时添加,只动画 transform 和 opacity,交互反馈不超过 200ms;排版方面要求标题用 text-balance、数据用 tabular-nums;布局方面要求固定 z-index 层级;性能方面不在活动动画外使用 will-change;设计方面除非明确要求否则不用渐变,空状态需给出明确的下一步操作。

限制:以上为规范约束,具体适用取决于项目实际技术栈与既有组件;资料未提供安装方式、收费信息或平台限制。