关于 logo-maker
logo-maker 是用于制作产品标志的设计技能,适合需要清晰、可缩至 favicon 尺寸仍可辨认标志的项目。它可依据是否有图像生成器选择图像或 SVG 路径,并以小尺寸辨识度作为检查标准。
主要功能
- 01按图像生成器选择制作路径
- 02通过提示词生成图像标志
- 03无生成器时以 SVG 绘制
- 04提出三种设计方向并制作候选
- 05在 32 × 32 尺寸检查辨识度
适用场景
- 01为产品制作 favicon 尺寸仍清晰的标志
- 02在产品仓库中创建可版本管理的 SVG 标志
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ panel-ui/ panelui --skill logo-maker安装后在 Claude Code 中输入/logo-maker确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
design.mdpalette.mdprompt.mdvector.md详细介绍
Logo 制作
制作的是 logo,而不是插画。主体要简化成一个符号,即使缩小到 favicon 的尺寸也能辨认;无法在这种尺寸下保留的内容,在绘制前就应删掉。
作品好不好,取决于两件事,而且都与风格无关:省略了什么,以及轮廓能否被看作一个整体。
先选择路径
制作图稿有两种方式,必须在开始任何设计工作之前选定一种:
- 有可用的图像生成器 — 使用它。遵循
prompt.md,其中会将设计规则转化为提示词,并列出收到结果后需要拒绝的内容。 - 没有图像生成器 — 将标志绘制为 SVG。遵循
vector.md。输出是项目可以留存、比对差异并重新导出的文件,对于已有代码仓库的产品来说,这通常是更好的选择。
不要谎称使用图像生成器生成了图像。如果两条路径都行不通,就如实说明并停止。
design.md 和 palette.md 适用于两种路径。它们是独立文件,确保两种路径不会发展出两套不同的设计语言。
工作流
-
确定主体。 如果请求中已指定主体,就保留它。如果没有,而当前工作目录中是一个产品项目,那么在询问任何问题之前,先阅读 README、包元数据和首页文案——产品的用途、目标用户和应传达的感觉通常都已写明。
-
必要时只问一次。 将有关产品、受众和语气的问题合并为一轮。不要把它变成品牌研讨会,也绝不进行第二轮提问。
-
绘制前提出三个方向。 每个方向用一行表示:
<subject> — <what it says about the product> — <the shape it makes>。 如果主体已确定,就改为调整表现方式:构图、轮廓、第二种颜色所在区域,以及表情的呈现方式。如果主体尚未确定,就让每个主体分别对应产品所主张的不同价值。三个随意选出的动物不算三个方向。 -
提供一批候选方案。 共六个,每个方向两个,标记为
A1–C2。除非请求已授权直接绘制,否则先等待确认。 -
绘制它们,每个方案分别制作成独立的正方形素材。绝不要要求在一张图中制作网格或联系表;应在成品标志绘制完成后再排版比较图。
-
展示前,逐一按照
design.md和palette.md中的拒绝规则检查所有候选方案。 明确指出违反的规则;不要悄悄修复,也不要声称通过了未实际检查的规则。 -
报告每个候选方案的标签、主体、配色、保存路径、尺寸,以及仍存在的问题(如有)。然后询问要精修哪个方案。
决定成败的唯一检查
将标志渲染为 32 × 32 并查看。如果看不出它是什么,那么无论它在完整尺寸下看起来多么出色,设计都算失败——再多的颜色或细节也无法弥补,因为正是细节导致了失败。
design.md 中的所有内容,都是为了让标志通过这项检查。