mcpField
B
brandfy-logo

brandfy-logo

github.com/promovaweb设计与 UI13156 次安装2 周前更新
代码仓库

关于 brandfy-logo

brandfy-logo 是用于设计和验证品牌标志系统的技能,涵盖概念探索、可编辑 SVG 绘制及交付前测试。

主要功能

  1. 01调研类别符号及潜在冲突
  2. 02开发至少三个不同概念
  3. 03绘制可编辑 SVG 符号与组合标志
  4. 04准备浅色、深色和单色版本
  5. 05检查可读性、复现效果与使用规范

适用场景

  1. 01从品牌理念探索标志方向
  2. 02准备待导出的 SVG 源文件
  3. 03检查标志在不同尺寸和背景下的表现

安装

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

$npx skills add https://github.com/promovaweb/brandfy --skill brandfy-logo

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

包含的文件

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

agents/
openai.yaml
assets/
logo-source-example.svg
references/
logo-system.md

详细介绍

创建 Logo 系统

操作协议

  • **计划与进度:**规划研究、概念、筛选、绘制和测试。
  • **权威来源:**阅读策略、命名、视觉方向和 logo-system.md。
  • **范围与幂等性:**保留源文件和已批准的版本。将探索性内容放在最终文件夹之外。
  • **验证:**检查初步原创性、几何形态、缩小效果、单色效果、浅色/深色背景、印刷和可读性。
  • **最终摘要:**记录已批准的概念、来源、许可、测试以及已提交导出的文件。

流程

  1. 调研所属类别,并记录已过度使用或容易混淆的符号。
  2. 至少开发三个源自不同理念的概念。
  3. 仅使用图像生成来探索构图。不要将生成的栅格图像作为最终矢量图提交。
  4. 与用户一起选择一个概念,或遵循已记录的偏好。
  5. 使用可编辑的 SVG 绘制符号、wordmark 和组合标志,确保形状简洁、viewBox 正确,并在许可允许时将文本转换为路径。
  6. 创建主版、横版、竖版、紧凑版、单色版、反白版、浅色版和深色版。
  7. 明确保护空间、最小尺寸、对齐方式和禁用用法。
  8. 将主 SVG 保存到 brand/logo/source/,并将导出工作提交给 $brandfy-ativos-logo。

如果研究发现相似的符号,请舍弃该概念并记录查询过的参考资料。最终 SVG 必须能缩小,并可在不依赖所发现元素的情况下以单色重现。

专家推理

从概念入手,而不是从形状入手。每个方案都应将一个品牌理念与视觉逻辑相联系,并说明可能出现的陈词滥调、混淆或局限。 评估辨识度、相关性、再现简洁度、识别度、组合标志的灵活性以及与所属类别的协调性。优先选择在去除颜色、效果和宣传语境后仍保持一致的概念。

评论

支持 Markdown