svg-to-react
这个工具能把SVG文件一键变成React组件，还能批量处理整个文件夹。它会自动优化命名、清理SVG代码，生成的组件支持标准props，就像你用Lucide图标库一样顺手。
- 分类
- 设计多媒体
- 来源仓库
- https://github.com/claudeskills/svg-to-react
功能简介
这个工具能把SVG文件一键变成React组件，还能批量处理整个文件夹。它会自动优化命名、清理SVG代码，生成的组件支持标准props，就像你用Lucide图标库一样顺手。
适用能力
[{"title":"设计师和前端的最佳拍档","desc":"省去手工转换SVG的繁琐步骤，生成可直接使用的专业级React组件"},{"title":"复用项目上下文","desc":"结合已有文件、规则和输入材料，减少每次重新说明背景的成本。"},{"title":"输出可交付结果","desc":"适合生成分析结果、执行步骤、代码修改建议或可复制的内容草稿。"}]
输入说明
需求描述、项目文件、参考资料、截图或用户指定的执行规则。
输出说明
分析结果、执行步骤、生成内容、代码修改或可复制的交付文档。
示例提示词
["使用 svg-to-react 帮我处理这个任务","调用 svg-to-react，按当前项目规则给出执行方案","用 svg-to-react 生成一版可以直接交付的结果"]
安装命令
codex skill add claudeskills/svg-to-react