全部 Codex Skills

refactoring-ui-skill

这个技能让Claude变身UI设计师,帮你把丑陋的界面变成专业作品。它会遵循《重构UI》的设计原则,自动生成合理的间距系统、字体层级、HSL色彩搭配,让你的前端代码不再像个业余作品。

分类
设计多媒体
来源仓库
https://github.com/LovroPodobnik/refactoring-ui-skill

功能简介

这个技能让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