mcpField
B
brand-asset

brand-asset

github.com/sanky369设计与 UI31107 次安装15 周前更新
代码仓库

关于 brand-asset

brand-asset 是用于制定品牌视觉素材提示词规格的技能,涵盖标志、图标、图案、插画和纹理。它强调同一素材系列的风格一致,并说明栅格图像需描摹为矢量后才能用于生产。

主要功能

  1. 01统一风格与配色规格
  2. 02五类素材的提示词模板
  3. 03按素材类型制定生成方案
  4. 04变体审核与质量检查
  5. 05品牌指南条目要求

适用场景

  1. 01拟定品牌标志概念
  2. 02制作风格一致的图标表
  3. 03设计可平铺的图案或纹理
  4. 04将获批素材记录到品牌指南

安装

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

$npx skills add https://github.com/sanky369/vibe-building-skills --skill brand-asset

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

附带文件references/asset-library.md

详细介绍

品牌素材

生成品牌可在各处重复使用的视觉识别元素——Logo 概念、图标、图案、插画、纹理——并编写足够精准的提示词规范,让整套素材看起来像出自同一人之手。首要原则:统一胜过巧思。 评判品牌素材时,看它与同系列素材的匹配程度以及缩放后的表现,而不是它单独看起来有多惊艳。还要如实说明媒介限制:模型输出的是栅格概念图;正式投入使用的 Logo 和图标仍需描摹为矢量图。

适用场景 / 不适用场景

适用于 Logo、图标集、图案、品牌插画和纹理。遇到以下情况时,应转交给其他技能:

  • 尚无视觉方向 → 先使用 skills/creative/creative-strategist;其设计简报会提供本技能所需的风格、配色和氛围。对于一次性的临时素材,可直接在提示中确定最简风格,并标注为假设。
  • 素材是产品图片 → 使用 skills/creative/product-photography
  • 素材是平台帖子/横幅 → 使用 skills/creative/social-graphics
  • 素材是一般的非品牌图片 → 使用 skills/creative/image-generation
  • 用户希望将完整的视觉识别系统应用到多种素材类型 → 使用 skills/creative/orchestrator 按顺序完成(策略师 → 本技能 → 其他技能)

信息收集

一次性询问所有缺失信息:

  1. 品牌 — 名称、业务内容,以及一句话描述品牌个性。
  2. 素材类型 — Logo、图标集、图案、插画、纹理?(这些也是自动化工具中 --asset-type 的精确选项。)
  3. 风格锚点 — 创意方向简报 / 需要匹配的现有 Logo,或调色板十六进制代码?对于要融入现有视觉识别系统的图标/图案,匹配是强制要求,而非可选项。
  4. 用途 — 将用于哪里(应用图标、网站、印刷品、周边)?这会决定简洁程度的要求和变体需求。
  5. 自动化 — 是否已设置 FAL_API_KEY,还是只需要交付规范?

推断而非询问:宽高比(Logo/图标/图案 → 1:1;字标组合 → 3:2 或 16:9);分辨率 2K(图案/纹理为 4K)。不要拖延: 知道品牌和素材类型后,就假设其余信息、标注这些假设并继续。

工作流

  1. 确定风格描述。 从 Creative Direction Brief(如有)中选取一种风格词汇(极简、几何、有机、插画、抽象),再加上用文字和十六进制表示的配色,以及整体氛围。整个资产系列中的每项资产都使用完全相同的风格描述。

  2. 根据模板编写提示词规格,模板见 references/asset-library.md — 现在就阅读;其中包含各类型模板、风格词汇、色彩应用模式和交付规格。决策规则:

    • Logo → 始终生成多个概念供用户选择:4 个变体(--num-images 4),或 3–4 个不同规格(采用不同的风格方向)。绝不只生成一个版本。背景简洁纯色、扁平化、不写实、不含极小文字。
    • 图标集 → 一次调用生成包含整套图标的单张图,以保持线条粗细和圆角半径一致;绝不每次调用只生成一个图标。
    • 图案/纹理 → 要求 seamless, tileable, edge-to-edge,并在接受前进行平铺测试。
    • 插画 → 固定主题、线条粗细和配色;生成 2–3 个版本。
  3. 为每项规格设置负面约束:不得有水印、不得出现渐变与浮雕效果造成的杂乱(除非风格本身需要),除明确提供的品牌名称外不得出现可读文字,不得使用陈词滥调的素材剪贴画。

  4. 生成或交付。 如果已设置 FAL_API_KEY(或 FAL_KEY):

    python docs/creative_cli.py brand \
      --asset-type logo --brand-name "TechCorp" \
      --prompt "<full prompt>" \
      --aspect-ratio 1:1 --resolution 2K --num-images 4
    

    保存到 assets/brand-assets/<brand-slug>/<asset-type>/,文件名为 <type>_<n>_<timestamp>.png。如果没有密钥 → 交付规格和准确命令;绝不声称已生成。参数的权威来源: skills/creative/image-generation/references/automation.md。

  5. 由用户选择;你负责核验。 展示各个变体,让用户为每个位置选一个(推荐一个,并用一句话说明理由)。根据质量标准检查选中的版本;如有不达标之处,使用 references/asset-library.md 中的修正措辞进行调整 — 只进行一轮迭代。

  6. 记录到品牌指南中。 将每项获批资产添加到指南条目中(格式如下),并如实说明制作步骤(例如:“交付前转换为 SVG”)。

必需的输出格式

每项资产一个区块:

## Asset Spec — [asset name, e.g. logo-concept-A]
- **Asset type:** logo / icon / pattern / illustration / texture
- **Brand:** [name] · **Usage:** [where it will live]
- **Style:** [one style line, shared across the family]
- **Palette:** [color name #hex, role] ...
- **Composition:** [e.g. centered mark, plain background / 6-icon sheet on grid / edge-to-edge tile]
- **Mood:** [2–3 adjectives]
- **Aspect ratio:** [ratio] · **Resolution:** [1K/2K/4K] · **Format:** png
- **Negative constraints:** [no watermark, no text beyond "<brand>", ...]
- **Prompt (final, paste-ready):**
  > [single flowing prompt]
- **Variants:** [n] — [what varies]
- **File naming:** assets/brand-assets/<brand-slug>/<asset-type>/<type>_<n>_<timestamp>.png
- **Generate with:** `python docs/creative_cli.py brand --asset-type ... --brand-name "..." --prompt "..." --aspect-ratio ... --num-images n`
- **Production note:** [raster concept — trace to SVG / normalize grid / verify tiling]

选择完成后,为每项获批资产追加一条品牌指南条目:资产名称、文件路径、所需的颜色变体、最小尺寸/留白(Logo),以及使用规则 — 使用 references/asset-library.md 中的指南模板。

质量标准

  • 整个资产系列中的每项资产都采用完全相同的风格描述和配色
  • Logo:提供至少 3 个不同概念;可单色使用;在缩略图尺寸下仍清晰可辨(描述核验方法,不要想当然)
  • 图标集:作为单张图生成;线条粗细和圆角半径保持一致
  • 图案/纹理:提示词中包含 seamless, tileable,并已验证平铺效果(或标记为未验证)
  • 所有颜色均以文字和十六进制表示;如有设计简报,则从中提取颜色
  • 每项规格都包含负面约束;除提供的品牌名称外,不渲染其他文字
  • 交付说明必须注明 Logo/图标的栅格图转矢量制作步骤 — 绝不暗示 PNG 是可直接用于印刷的矢量图
  • 仅使用真实的自动化参数(fal-ai/nano-banana-pro;不存在尺寸/步数/引导强度参数)

严格禁止:绝不在同一资产系列中混用两种风格;绝不将生成的 Logo 描述为已获得商标核准(应建议进行商标检索);API 密钥缺失时绝不伪造生成结果。

集成

  • skills/creative/creative-strategist → 上游;创意方向简报提供风格主线、调色板、氛围和禁忌事项。
  • skills/creative/image-generation → 共享自动化; skills/creative/image-generation/references/automation.md 是参数的权威来源。
  • skills/creative/social-graphics 和 skills/creative/product-photography → 下游;将获批的标志/图案用作重复元素。
  • skills/creative/orchestrator → 在品牌标识和品牌重塑流程中编排此技能;传递的产物是获批的资产集和品牌指南条目。
  • references/asset-library.md — 完整模板、风格词汇、交付规格、指南框架和修正措辞。编写规格前请阅读。

评论

支持 Markdown