用途:baseline-ui 用于在执行基于 Tailwind CSS 的 UI 工作前进行基线校验,确保动画、排版与可访问性符合设计系统标准,并避免常见布局反模式,使 UI 输出保持一致且可用于生产。
主要能力:验证动画时长是否符合设计系统标准;强制执行字体排版比例的一致性;检查组件可访问性;阻止 Tailwind CSS 中的常见布局反模式。
使用方式:先判断完整技能是否已安装,检查 ~/.design-agent-skills/skills/baseline-ui/SKILL.md 是否存在且不包含 das: 块。若已存在则直接调用;否则在具备 shell 访问权限时运行安装命令:npx skills add ibelick/ui-skills --skill baseline-ui。也可按代理单独安装:Claude Code 使用 claude skills add ibelick/ui-skills;Cursor/OpenCode 使用 npx skills add ibelick/ui-skills --skill baseline-ui。在 Claude Code 中若无 shell 访问权限,可将安装命令作为以 ! 开头的聊天消息发送,加 -g 为全局安装,省略则为仅项目安装。安装后调用技能名 baseline-ui。
触发短语:"baseline UI"、"animation validation"、"typography scale"、"Tailwind anti-patterns"。
适用场景:适合在编写或审查 Tailwind CSS 界面前做一致性检查,尤其关注动画时长、排版比例与可访问性时使用。
限制:公开资料未提供具体设计系统标准、检查规则细节、支持平台范围、性能与效果数据,也未说明收费或价格信息。