mcpField
L
logo-maker

logo-maker

github.com/panel-ui设计与 UI89791 次安装今天更新
代码仓库

关于 logo-maker

logo-maker 是用于制作产品标志的设计技能,适合需要清晰、可缩至 favicon 尺寸仍可辨认标志的项目。它可依据是否有图像生成器选择图像或 SVG 路径,并以小尺寸辨识度作为检查标准。

主要功能

  1. 01按图像生成器选择制作路径
  2. 02通过提示词生成图像标志
  3. 03无生成器时以 SVG 绘制
  4. 04提出三种设计方向并制作候选
  5. 05在 32 × 32 尺寸检查辨识度

适用场景

  1. 01为产品制作 favicon 尺寸仍清晰的标志
  2. 02在产品仓库中创建可版本管理的 SVG 标志

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/panel-ui/panelui --skill logo-maker

安装后在 Claude Code 中输入/logo-maker确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

design.md
palette.md
prompt.md
vector.md

详细介绍

Logo 制作

制作的是 logo,而不是插画。主体要简化成一个符号,即使缩小到 favicon 的尺寸也能辨认;无法在这种尺寸下保留的内容,在绘制前就应删掉。

作品好不好,取决于两件事,而且都与风格无关:省略了什么,以及轮廓能否被看作一个整体。

先选择路径

制作图稿有两种方式,必须在开始任何设计工作之前选定一种:

  • 有可用的图像生成器 — 使用它。遵循 prompt.md,其中会将设计规则转化为提示词,并列出收到结果后需要拒绝的内容。
  • 没有图像生成器 — 将标志绘制为 SVG。遵循 vector.md。输出是项目可以留存、比对差异并重新导出的文件,对于已有代码仓库的产品来说,这通常是更好的选择。

不要谎称使用图像生成器生成了图像。如果两条路径都行不通,就如实说明并停止。

design.md 和 palette.md 适用于两种路径。它们是独立文件,确保两种路径不会发展出两套不同的设计语言。

工作流

  1. 确定主体。 如果请求中已指定主体,就保留它。如果没有,而当前工作目录中是一个产品项目,那么在询问任何问题之前,先阅读 README、包元数据和首页文案——产品的用途、目标用户和应传达的感觉通常都已写明。

  2. 必要时只问一次。 将有关产品、受众和语气的问题合并为一轮。不要把它变成品牌研讨会,也绝不进行第二轮提问。

  3. 绘制前提出三个方向。 每个方向用一行表示: <subject> — <what it says about the product> — <the shape it makes>。 如果主体已确定,就改为调整表现方式:构图、轮廓、第二种颜色所在区域,以及表情的呈现方式。如果主体尚未确定,就让每个主体分别对应产品所主张的不同价值。三个随意选出的动物不算三个方向。

  4. 提供一批候选方案。 共六个,每个方向两个,标记为 A1–C2。除非请求已授权直接绘制,否则先等待确认。

  5. 绘制它们,每个方案分别制作成独立的正方形素材。绝不要要求在一张图中制作网格或联系表;应在成品标志绘制完成后再排版比较图。

  6. 展示前,逐一按照 design.md 和 palette.md 中的拒绝规则检查所有候选方案。 明确指出违反的规则;不要悄悄修复,也不要声称通过了未实际检查的规则。

  7. 报告每个候选方案的标签、主体、配色、保存路径、尺寸,以及仍存在的问题(如有)。然后询问要精修哪个方案。

决定成败的唯一检查

将标志渲染为 32 × 32 并查看。如果看不出它是什么,那么无论它在完整尺寸下看起来多么出色,设计都算失败——再多的颜色或细节也无法弥补,因为正是细节导致了失败。

design.md 中的所有内容,都是为了让标志通过这项检查。

评论

支持 Markdown