mcpField
C
company-logos

company-logos

github.com/mengto设计与 UI7.1k1.5k 次安装3 天前更新
代码仓库

关于 company-logos

company-logos 是面向设计工作的技能,指导如何为品牌标志选择、排版和标注图标。它以 Iconify Simple Icons 为默认来源,并强调视觉一致性与可访问标签。

主要功能

  1. 01使用 Iconify Simple Icons 获取品牌标志
  2. 02在 64×64 视觉框中呈现标志
  3. 03默认采用单色样式
  4. 04统一对齐基线或网格
  5. 05为重要标志添加可访问标签

适用场景

  1. 01制作 Logo 行和集成网格
  2. 02展示客户、合作伙伴或工具标记

安装

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

$npx skills add https://github.com/mengto/skills --skill company-logos

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

包含的文件

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

demo/
index.html
PROMPT.md
source.json

详细介绍

公司 Logo 技能

使用场景

  • 设计需要使用易于识别的品牌标志,但不想嵌入自定义 SVG 文件,也不想将公司名称直接渲染为纯文本。
  • Logo 行、集成网格、客户案例、合作伙伴列表和工具徽章需要统一的图标样式。

工作流

  1. 默认使用 Iconify Simple Icons 作为品牌 Logo 来源。
  2. 将每个 Logo 放入 64x64 的视觉框中,再根据组合密度缩放内部 SVG。
  3. 默认使用单色 Logo;只有当周围设计更需要品牌辨识度而非克制时,才使用品牌色。
  4. 将 Logo 对齐到统一基线或居中网格,使各行看起来经过精心安排。
  5. 如果 Logo 可交互,或用于传达重要背书信息,请添加无障碍标签。

注意事项

  • 除非没有对应图标,否则不要用直接输入的公司名称代替 Logo。
  • 不要在同一行混用实心、描边、表情符号、位图和字标样式。
  • 不要直接引用搜索结果中的随机 Logo 资源。

评论

支持 Markdown