关于 company-logos
company-logos 是面向设计工作的技能,指导如何为品牌标志选择、排版和标注图标。它以 Iconify Simple Icons 为默认来源,并强调视觉一致性与可访问标签。
主要功能
- 01使用 Iconify Simple Icons 获取品牌标志
- 02在 64×64 视觉框中呈现标志
- 03默认采用单色样式
- 04统一对齐基线或网格
- 05为重要标志添加可访问标签
适用场景
- 01制作 Logo 行和集成网格
- 02展示客户、合作伙伴或工具标记
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ mengto/ skills --skill company-logos安装后在 Claude Code 中输入/company-logos确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
demo/index.htmlPROMPT.mdsource.json详细介绍
公司 Logo 技能
使用场景
- 设计需要使用易于识别的品牌标志,但不想嵌入自定义 SVG 文件,也不想将公司名称直接渲染为纯文本。
- Logo 行、集成网格、客户案例、合作伙伴列表和工具徽章需要统一的图标样式。
工作流
- 默认使用 Iconify Simple Icons 作为品牌 Logo 来源。
- 将每个 Logo 放入 64x64 的视觉框中,再根据组合密度缩放内部 SVG。
- 默认使用单色 Logo;只有当周围设计更需要品牌辨识度而非克制时,才使用品牌色。
- 将 Logo 对齐到统一基线或居中网格,使各行看起来经过精心安排。
- 如果 Logo 可交互,或用于传达重要背书信息,请添加无障碍标签。
注意事项
- 除非没有对应图标,否则不要用直接输入的公司名称代替 Logo。
- 不要在同一行混用实心、描边、表情符号、位图和字标样式。
- 不要直接引用搜索结果中的随机 Logo 资源。
评论
支持 Markdown