TWITTER · 产品设计
Kubai Icons 让 Claude 生成风格统一的动态图标
一语总结Kubai Icons 通过 Claude Skill 生成风格统一的动态图标，支持自动截图检查和配色生成。
AI 总结
Kubai Icons 是一个利用 Claude Skill 生成产品图标的工具，通过功能清单或代码指令创建风格统一的动态图标。仓库内含 66 个示例图标，包含鼠标悬停动效。生成后可自动截图检查不同尺寸下的可读性。支持导出 SVG 至 Figma，包含 7 套配色方案，基于主色自动生成渐变和阴影。作者通过迭代规则文件提升生成质量。
核心要点
- AI 自动生成统一图标风格
通过 Claude Skill 输入功能清单，快速生成整套风格一致的动态图标，解决设计迭代成本。
- 自动化视觉质量检测
系统自动截图检查不同尺寸和交互状态，确保图标在 24px 和 28px 下清晰可读。
- 一键式配色与导出
支持 7 套配色，自动生成渐变和阴影，导出 SVG 可直接导入 Figma，提升设计效率。
Kubai Icons 让 Claude 生成风格统一的动态图标
Kubai Icons 是一个利用 Claude Skill 生成产品图标的工具，通过功能清单或代码指令创建风格统一的动态图标。仓库内含 66 个示例图标，包含鼠标悬停动效。生成后可自动截图检查不同尺寸下的可读性。支持导出 SVG 至 Figma，包含 7 套配色方案，基于主色自动生成渐变和阴影。作者通过迭代规则文件提升生成质量。
文章金句
"画完它会自己截图检查，24 和 28 像素下看不看得清，静止到悬停的每一帧都过一遍，不合格就接着改。
"也能导出成静态 SVG，直接拖进 Figma。