refactoring-ui-skill
这个技能让Claude变身UI设计师,帮你把丑陋的界面变成专业作品。它会遵循《重构UI》的设计原则,自动生成合理的间距系统、字体层级、HSL色彩搭配,让你的前端代码不再像个业余作品。
功能简介
这个技能让Claude变身UI设计师,帮你把丑陋的界面变成专业作品。它会遵循《重构UI》的设计原则,自动生成合理的间距系统、字体层级、HSL色彩搭配,让你的前端代码不再像个业余作品。
适用能力
[{"title":"设计师下岗神器","desc":"不需要设计知识,30秒把Bootstrap风格的界面升级到专业水准"},{"title":"复用项目上下文","desc":"结合已有文件、规则和输入材料,减少每次重新说明背景的成本。"},{"title":"输出可交付结果","desc":"适合生成分析结果、执行步骤、代码修改建议或可复制的内容草稿。"}]
输入说明
需求描述、项目文件、参考资料、截图或用户指定的执行规则。
输出说明
分析结果、执行步骤、生成内容、代码修改或可复制的交付文档。
示例提示词
["使用 refactoring-ui-skill 帮我处理这个任务","调用 refactoring-ui-skill,按当前项目规则给出执行方案","用 refactoring-ui-skill 生成一版可以直接交付的结果"]
安装命令
codex skill add LovroPodobnik/refactoring-ui-skill