refactoring-ui-plugin

介绍

这个Skill解决了日常开发中缺乏系统化设计决策依据的问题。在实际开发中，前端工程师和UI设计师常常遇到界面布局、颜色搭配、字体选择、间距设定等细节上的反复纠结，无法快速做出专业且一致的设计判断。本书作者Adam Wathan和Steve Schoger将多年实践提炼为可复用的原子化设计原则，该Skill将这些原则封装为AI可执行的决策指令，帮助你在编码过程中即时获得设计建议。

使用方式很简单，你只需要在AI编码助手的对话中描述当前的设计问题，比如“这个按钮的悬停状态应该用什么颜色？”或“两个卡片之间的间距应该多大？”。之后就可以通过自然语言指令来调用具体的原子技能，如“应用字体大小层级（Font Size Hierarchy）”或“使用间距缩放系统（Spacing Scale）”。AI会基于书中的设计规则给出具体数值和方案，并解释背后的设计逻辑。

它非常适合需要快速做出高质量UI设计决策的团队或个人。尤其是那些正在开发Web应用、移动端界面或设计系统的前端开发者、全栈工程师和UI设计师。如果你经常在代码中直接调整样式，又希望保持设计的一致性，这个Skill能减少你查阅资料和反复试错的时间。

建议在开发新组件或重构现有界面时统一使用此工具，将设计决策标准化。需要注意的是，它主要提供设计原则和最佳实践建议，并不能替代用户对品牌风格和业务需求的判断。建议结合具体的设计系统（如Ant Design、Tailwind CSS）一起使用，效果更佳。