关于 brandfy-ativos-logo
brandfy-ativos-logo 是用于从主 SVG 导出 Logo 资源的设计技能，指导团队生成不同变体和尺寸、检查输出并创建清单，同时保留源文件。
主要功能
- 01检查主 SVG 属性
- 02从 SVG 导出 PNG 资源
- 03生成浅色、深色和紧凑变体
- 04生成含尺寸与哈希的清单
- 05检查导出质量和尺寸
适用场景
- 01为不同背景准备 Logo 文件
- 02生成网站图标和头像
- 03核验导出资源是否符合品牌要求
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/brandfy-ativos-logo确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
agents/openai.yamlreferences/export-matrix.mdscripts/export-logo.mjs详细介绍
导出 Logo 资产
操作协议
- **计划与进度：**规划源文件、变体、尺寸、导出和检查。
- **事实来源：**读取主 SVG、配置和 export-matrix.md。
- **范围与幂等性：**绝不覆盖主 SVG。仅在对应源文件更新时替换导出文件。
- **验证：**运行导出器，打开样本并运行审核。
- **最终摘要：**说明变体、尺寸、清单和失败情况。
流程
-
检查主 SVG 的
viewBox、透明度、名称、颜色，以及是否未嵌入栅格图像。 -
将矢量版本保存在
brand/logo/svg/。 -
使用以下命令导出 PNG：
node <caminho-da-skill>/scripts/export-logo.mjs \ --input brand/logo/svg \ --output brand/logo/png \ --font brand/fonts/manrope-variable.ttf -
当有紧凑版源文件时，生成 light 和 dark 版本、方形符号、头像，以及
16、32、48、180、192和512像素的 favicon。 -
生成
brand/manifest.json，包含路径、格式、尺寸、用途和哈希值。 -
检查边缘、透明度、清晰度、比例，以及在最小尺寸下的可读性。
--font 参数可选。如果 SVG 中的 wordmark 保留为可编辑文本，请使用本地 TTF 或 OTF 字体。
light 或 dark 后缀必须表示手册所选的应用背景。请记录此约定，以避免反向使用。
专家推理
将导出视为系统质量控制，而非格式转换。将每个文件与其用途、背景、最小尺寸和渠道关联起来。拒绝会引入变形、意外颜色、不一致边距、透明度缺陷或尺寸与清单不符的导出文件。
评论
支持 Markdown