Creator Brandkit
输出文件夹 brand/<slug>/:
brand.json # 名称、定位、颜色、字体、Logo路径、语调 — 被其他技能读取
palette.svg # 带有十六进制值的色板
logo/ # mark.svg、wordmark.svg、lockup.svg(+ PNG导出)
mockups/ # 应用示例
guide.md # 一页使用指南
步骤 1 — 简报
名称、功能、受众、3 个性词汇、避免看起来像的竞争对手、要保留的现有资产。询问一次缺失的信息。
步骤 2 — 方向(在构建前批准)
提供 2 个方向,每个方向包括:一句话概念、五色调色板(十六进制,并指定角色:主色、辅色、强调色、中性深色、中性浅色)、字体配对(Google Fonts 名称)、Logo 创意。参考 references/brand-foundations.md 了解调色板对比度和字体规则。
步骤 3 — Logo
- 直接编写 SVG(始终可行、可编辑、可缩放):几何标志、文字标志(仅在用户提供字体时才转换文本;否则使用 Web 安全字体堆叠并加以说明)、组合标志。保持标志简洁:可在 16px 和单色下工作。
- 可选探索(仅供灵感参考)使用图像提供者:
creator.py image --prompt "flat vector logo exploration for <name>: <idea>, <palette>, white background, no mockup" --ratio 1:1。生成的栅格图像是参考,而非交付物;将选定的创意重新绘制为 SVG。 - 导出 PNG:
ffmpeg -i logo/mark.svg -vf scale=1024:-1 logo/mark-1024.png(如果 ffmpeg 不支持 SVG,使用rsvg-convert或浏览器截图)。
步骤 4 — 效果图
使用 creator-image / creator.py image,以 Logo PNG 作为 --ref,并用文字描述调色板:个人头像、社交帖子模板、YouTube 横幅(2560×1440,安全区域 1546×423)、名片、手提袋/T 恤、包装 — 仅包含用户需要的那些。使用 media.py text 添加精确文本,而非在生成图像中包含。
步骤 5 — 保存工具包
写入 brand.json,并提供将颜色/字体/Logo 复制到 creator-skills 配置的 brand 块中,以便缩略图、广告和产品照片自动使用它们。写入 guide.md:调色板及其角色和对比度注释、字体层级、Logo 清洁空间和最小尺寸、做/不做示例。
规则
- 进行快速原创性检查:避免与知名商标相似的标志;告知用户在商业使用前进行商标搜索。
- 文本对比度:正文文本与其背景的对比度 ≥ 4.5:1(WCAG AA)。
参考
references/brand-foundations.md— 调色板角色、对比度、字体配对、Logo 规则references/image-prompting.md、references/media-ops.md、references/providers.md