SuperAPI AI 工具集

svg-logo-maker

设计与创作

查看项目

更新于 10-15 21:10

技能介绍

用途:根据品牌需求设计并生成生产级 SVG 标志,采用现代极简风格。核心思路是用 svg.js 以函数调用方式构建图形,避免 AI 直接编写易错的原始 SVG 路径数据,再借助浏览器渲染结果进行视觉迭代。

主要能力:提供矩形、圆形、椭圆、多边形、路径等形状方法,以及分组、变换、渐变、遮罩、裁剪等高级能力;内置参考素材库,包含 Apple、OpenAI、Anthropic、Google、Figma、Meta、Microsoft、AWS、IBM 等品牌的 PNG 与 SVG 文件,可先看 PNG 理解视觉结构,再读 SVG 学习代码构造。

使用方式:工作流分为五个阶段——品牌识别与需求收集、参考标志视觉研究、设计计划、用 svg.js 构建 SVG、浏览器预览与迭代。构建时先生成 _logo-workspace.html 工作区,其中包含 512×512 主画布及 128px、64px、32px 缩放预览,用于检验可读性;首轮只使用黑白单色,通过视觉评审后再添加颜色。导出时清理 svgjs:data 与 class 属性,结果存入 textarea#svg-output。

适用场景:需要创建标志、品牌标识、字标、字母标、抽象标记、徽章等设计任务。

限制:资料未提供收费、价格、平台支持范围及具体效果保证等信息;参考素材库路径为 {SKILL_DIR}/assets/,实际可用性取决于技能安装环境。