svg-to-astro
svg-to-astro 是一个 Claude AI 技能工具，用于将 SVG 文件转换为优化的 Astro 组件。核心功能包括批量处理文件夹、自动生成 PascalCase 组件名、创建组件索引文件，并生成兼容 lucide 标准的 props（如 size、color）。通过清理 SVG 代码（合并路径、移除背景），提升 Astro 项目中的图标重用效率。
- 分类
- 设计多媒体
- 来源仓库
- https://github.com/claudeskills/svg-to-astro
功能简介
svg-to-astro 是一个 Claude AI 技能工具，用于将 SVG 文件转换为优化的 Astro 组件。核心功能包括批量处理文件夹、自动生成 PascalCase 组件名、创建组件索引文件，并生成兼容 lucide 标准的 props（如 size、color）。通过清理 SVG 代码（合并路径、移除背景），提升 Astro 项目中的图标重用效率。
适用能力
[{"title":"用于界面设计、视觉创作、多媒体和前端体验优化。","desc":"把「设计多媒体」里的常见任务整理成稳定执行流程。"},{"title":"复用项目上下文","desc":"结合已有文件、规则和输入材料，减少每次重新说明背景的成本。"},{"title":"输出可交付结果","desc":"适合生成分析结果、执行步骤、代码修改建议或可复制的内容草稿。"}]
输入说明
需求描述、项目文件、参考资料、截图或用户指定的执行规则。
输出说明
分析结果、执行步骤、生成内容、代码修改或可复制的交付文档。
示例提示词
["使用 svg-to-astro 帮我处理这个任务","调用 svg-to-astro，按当前项目规则给出执行方案","用 svg-to-astro 生成一版可以直接交付的结果"]
安装命令
codex skill add claudeskills/svg-to-astro