SuperAPI AI 工具集

ui-freeze

设计与创作

查看项目

更新于 10-16 03:36

技能介绍

UI Freeze 是一个保护设计与主题文件、防止其被意外修改的技能。它在检测到对关键主题文件的改动时自动激活,被锁定的文件包括 tailwind.config.、/index.css、/globals.css、**/theme.css 和 **/variables.css;对 **/Header.、/Footer.*、/App.、**/Layout. 等 UI 组件则标记为警告级别。

处理锁定文件时,流程为:停止自动修改,展示将发生的确切变更、变更理由和受影响的组件,尽可能提供视觉差异预览,并等待用户明确回答“Yes, change design”后才继续。警告级文件只需提示其影响 UI、简要说明改动理由,无需显式确认即可继续。

它鼓励用 CSS 变量作为颜色等的唯一来源,组件中不允许写死颜色值。变更获批后,可运行 npx playwright test --update-snapshots 更新基线截图、提交新截图并更新发布标签。意外修改时,可用 git checkout <last-stable-tag> -- tailwind.config.ts src/index.css 等命令回滚。

该技能原本为 fabrikIQ 开发,采用 MIT 许可,可免费使用和修改。需在 CLAUDE.md 中配置锁定文件列表、最后稳定 UI 标签和设计系统变量。其余细节暂未提供。