查看: 2|回复: 0

有了 Codex 和这几个 Skill,Logo 设计自由了!

[复制链接]

4万

主题

0

回帖

14万

积分

论坛元老

积分
143085
发表于 2026-8-15 12:00:33 | 显示全部楼层 |阅读模式
哈喽,大家好,我是萤柳!

前几天我想找一个真正能做 Logo 的 Skill。

GitHub 上相关项目不少,有的说能生成专业品牌系统,有的强调一次给出六套 SVG,还有的把流程做得像设计公司。

只看项目主页,很难知道它们用起来到底差在哪。

我最后挑了三个。

第一个是 Taste Skill 里的 Brandkit,整个项目有 7 万多 Star。

第二个是专门生成 Logo 的 Logo Generator Skill,有 1800 多 Star。

第三个来自 Rampstack 的品牌 Skill 合集,名字就叫 Logo Design。

我把它们都装进 Codex,用同一份需求各跑了一遍。

话不多说,上教程!

一、Logo Generator Skill

它可以生成可编辑的 SVG Logo,一次提供至少 6 个方向,还能导出透明 PNG。

安装:
npx skills add https://github.com/op7418/logo-generator-skill.git

安装后直接说:
使用 logo-generator,为「山海书局」生成 6 个差异明显的 SVG Logo。
核心概念:山峰与翻开的书页
风格:极简、东方、现代
颜色:先使用纯黑单色
要求:
1. 必须适合公众号头像
2. 缩小到 32px 仍然清晰
3. 不要印章、毛笔字和复杂渐变
4. 同时提供图形标、横版组合和纯文字版
5. 先生成 SVG 和对比页面,不使用 Gemini API
只有在你要求制作高级背景展示图时,才需要配置 Gemini API,基础 SVG 和 PNG 不需要。

下面是图形标的生成结果。http://cdn.u1.huluxia.com/g4/M02/A5/8B/rBAAdmp_5FyAbhd5AAIW2R3Iaqs7359.no,1080,1275然后你点开【打开交互对比页面】http://cdn.u1.huluxia.com/g4/M02/A5/8B/rBAAdmp_5FyAavlbAAIM_uFnHlQ8943.no,1080,943点击【下载当前SVG】,就可以下载下来,拖到Figma中修改了。http://cdn.u1.huluxia.com/g4/M02/A5/8B/rBAAdmp_5FyAb8GqAAEmNYBdaN05014.no,1080,622还有横版组合。http://cdn.u1.huluxia.com/g4/M02/A5/8B/rBAAdmp_5F2AdZfmAAIkboY6Yg05491.no,1080,1242纯文字版的。http://cdn.u1.huluxia.com/g4/M02/A5/8B/rBAAdmp_5F2AMv0nAAJAArVaLJo2300.no,1080,1270二、Rampstack Logo Design

它偏专业设计公司的工作方式,先研究字标、组合标、字母标、图形标等方向,给出选择理由和应用规范。

更擅长方案推导,不一定直接生成最终图片文件。

在 Codex 中安装完整品牌 Skill 集:
/plugin marketplace add rampstackco/claude-skills
/plugin install rampstack-skills@rampstack

安装后说:
使用 logo-design,为「山海书局」制定 8 个 Logo 设计方向。
品牌受众:25—40 岁城市读者
品牌气质:克制、现代、东方、人文
应用场景:公众号头像、门店招牌、书签、帆布袋
必须满足:单色可用、16px 可识别、适合印刷和刺绣
分别探索:
- 字标
- 图形加字标
- “山”字变形
- “山海”字母组合标
- 山峰与书页的负形设计
说明每个方向传达什么、适合什么场景、可能存在什么问题,最后推荐两个方向。

下图是8个logo的效果图。http://cdn.u1.huluxia.com/g4/M02/A5/8B/rBAAdmp_5F6AJu5CAAOIrS5RzWU8317.no,1080,1882它这里也有说第一轮输出是属于选择方向稿,确定一个之后再精修,我们试一下选07看看。http://cdn.u1.huluxia.com/g4/M02/A5/8B/rBAAdmp_5F-AREUaAAJfGYve0bY7174.no,1080,1033这个就是它的输出结果,连每个尺寸都弄好了。http://cdn.u1.huluxia.com/g4/M02/A5/8B/rBAAdmp_5F-AV23JAAHTOf9CVjA7479.no,1080,1674你点击下面的【查看】使用规范,还给你梳理好了一系列的规范。http://cdn.u1.huluxia.com/g4/M02/A5/8C/rBAAdmp_5GCAUI6QAAWOgPrceZo7857.no,1080,1234点击这个【下载完整Logo生产包】你就会看到本地有很多logo资源了。三、Taste Skill / Brandkit

这个Skill可以生成一整张高级品牌视觉板,包括 Logo 概念、配色、字体和应用效果。

它主要输出图片,不适合直接拿可编辑 SVG。

安装:
npx skills add https://github.com/Leonxlnx/taste-skill --skill brandkit

安装后直接说:
使用 brandkit,为「山海书局」设计一套高级品牌视觉板。
行业:文化出版、独立书店
受众:25—40 岁城市读者
气质:东方、克制、安静、有文化感
核心隐喻:山峰与翻开的书页
配色:墨黑、米白、朱砂红
输出一张 3×3 品牌展示板,包含 Logo、字标、结构解析、配色、字体、书袋、书签和公众号头像应用。

它会根据刚刚你选定的07,确定整体视觉风格,给你做品牌提案图。那三个 Skill 到底怎么选?

只想快速看到品牌气质,我会用 Brandkit。

它最快让一个模糊想法变得可见,第一眼效果也最好。

已经想清楚方向,接下来需要可编辑 SVG,我会用 Logo Generator,六个方案也足够完成第一轮筛选。

准备把 Logo 长期使用,甚至拿去做门店、包装和周边,就从 Logo Design 开始。

如果三者放在一起用,最佳工作流:Logo Design 定方向 → Logo Generator 做矢量 → Brandkit 做展示图。

一整个LOGO流程都能搞定~

今天的分享就到这里,希望对你有帮助!

如果你对目前的 AI 结合 UI 设计还有很多疑问

或者想系统地提升自己的设计能力

本文由作者@萤柳设计,授权发布于平台,未经许可禁止转载。

内容来源于互联网[玫瑰]
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖
返回顶部