SuperAPI AI 工具集

branding

设计与创作

查看项目

更新于 10-16 01:10

技能介绍

用途:为项目建立完整品牌识别,产出 Logo 标记、字标组合(横向/堆叠)、配色方案、字体选择、可交付资源包与品牌指南。

主要能力:七阶段流程——发现需求、生成 Logo、选字体与颜色、SVG 精修、资源包生产、品牌指南、项目接入(可选)。前 3 阶段与用户协作,后 4 阶段偏自动化。协作阶段用临时 HTML 页面在 Chrome 中预览选项,页面仅用 HTML/CSS,字体经 Google Fonts link 加载,SVG 内联。

必要用法:先确认工具已安装:which inkscape && which magick。macOS 安装:brew install --cask inkscape、brew install imagemagick。Logo 以可编辑 SVG 直接编写,需真实矢量几何、干净 viewBox,不含位图。字体从 Google Fonts GitHub 仓库下载,例如 curl -L -o /tmp/FontName.ttf "https://raw.githubusercontent.com/google/fonts/main/ofl/fontname/FontName%5Bwght%5D.ttf",用 file 校验为 TrueType Font data。文字转路径:inkscape input.svg --actions="select-all;object-to-path;export-filename:output.svg;export-do",再用 grep -c '<text' output.svg 验证为 0。颜色替换用 sed 处理 fill="#hex" 与 fill:#hex。viewBox 收紧:inkscape file.svg --actions="select-all;fit-canvas-to-selection;export-filename:file.svg;export-do"。PNG 导出用 Inkscape,如 inkscape mark-color.svg --export-type=png --export-filename=../png/mark-color-256.png --export-width=256。ICO 用 magick 合成。OG 图用 magick 合成,需 -trim +repage 后再 -gravity center。

适用场景:需要从零建立品牌视觉体系的项目,含 favicon、社交头像、OG 图、README 徽标、Tailwind 主题色接入等。

限制:需本地安装 Inkscape 与 ImageMagick v7+;Google Fonts @import 在 Inkscape 中无效,字体须先本地安装;logo-design 技能未安装时需自行编写 SVG;第三方 SVG 生成器仅为可选回退;GitHub 社交预览与组织头像为手动步骤。具体收费、价格与效果资料暂未提供。