SuperAPI AI 工具集

svg-art

设计与创作

查看项目

更新于 10-15 16:25

技能介绍

SVG Art 是一个通过程序化代码生成 SVG 图形的技能,使用 Python 脚本生成高质量 SVG 图形。所有脚本默认将有效 SVG 输出到标准输出,也可通过 -o 参数输出到文件。

用途 该技能适用于用户要求创建图标、标志、插画、图表、数据可视化等 SVG 图形的场景。

主要能力 提供以下脚本:

  • generate_grid.py:网格图案,支持 --cols、--rows、--shape、--vary-* 等选项。
  • generate_radial.py:径向/螺旋/旭日图案,支持 --spiral、--concentric、--sunburst。
  • generate_fractal.py:分形(树、科赫、谢尔宾斯基),支持 --tree、--koch、--sierpinski、--depth。
  • generate_wave.py:波浪和音频可视化,支持 --layers、--noise、--bars。
  • generate_particles.py:散点/聚类/星座,支持 --cluster、--gradient、--constellation。
  • generate_chart.py:数据可视化,支持 --bar、--line、--pie、--donut。
  • generate_icon.py:常见 UI 图标,支持 --icon NAME、--list、--filled。
  • optimize_svg.py:压缩/优化 SVG,支持 --aggressive、--stats。

使用方式 通过命令行运行 Python 脚本,例如: python scripts/generate_grid.py -c 6 -r 6 --vary-size --vary-opacity -o grid.svg python scripts/generate_radial.py --spiral -n 60 --turns 4 -o spiral.svg python scripts/generate_fractal.py --tree --depth 8 --vary-angle -o tree.svg python scripts/generate_wave.py --layers 5 --fill -o waves.svg python scripts/generate_particles.py --constellation -n 30 --connect-distance 25 -o network.svg python scripts/generate_chart.py --bar --data "30,50,80,45,90" --labels "A,B,C,D,E" -o chart.svg python scripts/generate_icon.py --icon heart --filled --stroke "#E11D48" -o heart.svg python scripts/optimize_svg.py input.svg --aggressive -o output.svg

脚本可管道组合,例如: python scripts/generate_grid.py -c 10 -r 10 | python scripts/optimize_svg.py --aggressive python scripts/generate_fractal.py --tree --depth 10 | python scripts/optimize_svg.py --stats

通用选项包括:--fill COLOR(填充色,默认 #3B82F6)、--stroke COLOR(描边色)、--stroke-width N(描边宽度)、--seed N(随机种子,用于可复现)、-o FILE(输出到文件而非标准输出)。

适用场景 适用于生成图标、标志、插画、图表、数据可视化、网格图案、径向图案、分形、波浪、粒子网络等 SVG 图形,以及优化现有 SVG 文件。

限制 资料未提供关于收费、价格、平台支持、性能效果等方面的信息。SVG 基础知识参考见 references/svg-fundamentals.md,涵盖核心 SVG 结构与 viewBox、元素类型、路径命令语法、渐变与图案、无障碍要求。