SuperAPI AI 工具集

baseline-ui

前端与建站

查看项目

更新于 10-16 00:06

技能介绍

用途:Baseline UI 为 Tailwind CSS 项目提供一套有明确立场的 UI 基线约束,用于防止 AI 生成的界面出现常见问题,覆盖技术栈、组件、交互、动画、排版、布局、性能与设计等方面。

主要能力:校验动画时长与属性、强制排版规范、检查组件可访问性、阻止布局反模式。

使用方式:在对话中输入 /baseline-ui 可将约束应用到当前对话中的任何 UI 工作;输入 /baseline-ui <file> 可针对指定文件按全部约束进行审查,并输出违规项(引用具体行或片段)、原因(一句话)以及具体修复建议(代码级)。

约束要点:技术栈须使用 Tailwind CSS 默认值、motion/react、tw-animate-css 与 cn 工具;组件须使用可访问的原语并优先复用项目已有原语,图标按钮须加 aria-label;交互须对破坏性操作使用 AlertDialog,用 h-dvh 而非 h-screen,尊重安全区域,错误就近显示,不阻止粘贴;动画仅在明确要求时添加,只动画 transform 与 opacity,交互反馈不超过 200ms,尊重 prefers-reduced-motion;排版须用 text-balance、text-pretty 与 tabular-nums;布局须使用固定 z-index 层级;性能上避免动画大模糊或背景滤镜表面;设计上非明确要求不使用渐变、紫色或多色渐变及发光效果。

适用场景:Tailwind CSS 项目的 UI 开发与代码审查。

限制:资料未提供安装命令、收费、价格、平台与效果等信息。