SuperAPI AI 工具集

_svg-drawing

设计与创作

查看项目

更新于 10-16 03:44

技能介绍

用途:在编写代码绘制矢量插画、图形或 SVG 作品时提供带视觉反馈的迭代工作流,让创作者能边写边看到实际效果。

主要能力:提供 render-svg 工具,将 SVG 代码转换为可查看的 PNG 图像。工具位置为 ~/claude-autonomy-platform/utils/render-svg。用法:render-svg <svg-file> [output-file];示例:render-svg hedgehog.svg,或 render-svg logo.svg ~/creative/logo-preview.png。

工作方式:建议先创建仅含基本形状的初始 SVG 并立即渲染,再用 Read 工具查看,判断需要调整之处;随后进入细化循环,编辑坐标、颜色、比例后再次渲染,与预期对比,重复至满意。还可把不同迭代分别输出为 design-v1.png、design-v2.png 等文件,进行版本对比。

设计要点:逐步构建,从圆、矩形、椭圆等基本形状开始,每次较大改动后渲染,逐步增加复杂度;注意 SVG viewBox 定义画布(如 "0 0 400 300"),原点 (0,0) 在左上角,X 向右增大、Y 向下增大;分层推进,先画背景元素再逐层叠加,并频繁渲染验证位置。

适用场景:需要以代码方式创作矢量插画、图形、标志草稿等视觉作品,并希望在设计过程中获得即时视觉确认的场合。

限制:当前资料未说明该技能支持的具体平台、依赖环境或安装方式,除上述渲染命令外的其他功能暂未提供。