Logo SVG 生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_c7fbb74e/logo-svg-generator。
技能介绍
要解决什么问题
产品需要能在 favicon、应用商店和文档里复用的矢量标识,但手写符合社区规范的 24×24 主图、再导出多尺寸与单色/品牌色变体,往往要反复对齐 viewBox、路径与对比度。本技能把「名称、用途、受众、情绪、配色」等自然语言简报,收敛为可交付的 SVG Logo 套件,设计约束来自 Simple Icons 贡献规范,而不是随意画一张插画。
工作方式
- 读规范再定方向:加载
references/design-rules.md与motif-patterns.md,在隐喻、形体族(几何/字标/抽象)、主色与构图上先写内部简报,默认只产出符号标(不含 wordmark)。 - 生成 24×24 主 SVG:单路径、无
fill/stroke、贴边至少两面、居中;主文件写入output/.../master-24.svg。 - 栅格化 + 视觉审阅(默认必需):用
scripts/render_previews.py生成_review.png审阅板,由具备图像输入能力的模型按visual-review-prompt.md返回 JSON 评语;无视觉能力时应明示并让用户选择,而非静默降级。 - 迭代优化:
verdict == revise时改路径坐标,最多约 3 轮(可配置),达标或保留最高分版本后,用export_variants.py导出 16~512 px 及 Simple-Icons 兼容主图,并可对小尺寸做路径简化。
适用边界
- 适合:「帮我设计/生成 logo / SVG 图标」类产品符号。
- 不适合:自由插画、复杂营销海报、照片修图或非矢量交付。
- 长名、多词、非 ASCII 名称有专门 slug/首字母策略;用户要字标 lockup、渐变或 3D 时需说明本技能只做扁平单色矢量,或改走外部设计流程。
使用场景
- 开源项目上架前,需要符合 Simple Icons 规范的 24×24 主图及 16~512px 多尺寸 favicon 与应用图标
- 独立产品立项演示时,用产品名、用途和主色简述生成单色与品牌色两套矢量符号标
- CLI 或桌面工具发布到包管理器,README 与站点需要可缩放的单色 SVG,而非位图 logo
- 生成主 SVG 后通过审阅板 PNG 让视觉模型检查 16px 可读性与黑白底对比,再按评语改路径迭代
适合人员
- 独立开发者:为新 SaaS 或工具补齐应用商店与文档站的多尺寸 SVG,又不想手写 viewBox 与单路径规则
- 开源维护者:仓库、npm/PyPI 页面需要与 Simple Icons 风格一致的单色图标,便于与生态图标并列展示
- 负责 MVP 的产品/设计:只要 24×24 符号标做原型与内测包图标,明确不要 lockup 字标或营销插画
- 在 Cursor 等 Agent 环境工作的工程师:用自然语言描述隐喻与配色,由技能跑栅格化与视觉审阅闭环