Agent skill · forcedotcom
experience-cms-brand-create
Author a Salesforce Digital Experience brand (a \"brand.json\") so the VS Code Brand Toolkit can load, edit, and preview it. Use this skill whenever someone wants to: create a brand, make a new brand, generate a brand from a description or a color/logo/mood, add a brand to a project so the Brand Toolkit picks it up, scaffold a brand.json, theme a Digital Experience site, or turn a brand idea (\"a dark luxury brand\", \"match our logo\", \"coral + rounded + friendly\") into a loadable brand. Also use it when the user mentions \"Brand Toolkit\", \"theme manager brand\", \"brand token\", \"colorScheme\", \"primaryAccent\", \".digitalExperience/brands\", \"sfdc_cms:title\", or a \"brand.json\" that should show up in the Brand Toolkit. Do NOT use this skill to apply an existing brand's voice, tone, or guidelines to generated content (use experience-cms-brand-apply), to search Salesforce CMS for existing brands, or to search for images, media, or logos (use experience-search-coordinate).
What it needs
About 7k tokens when loaded.
What this skill does
Create a Brand for the Brand Toolkit Generates a Digital Experience brand — one brand.json file — from a user's description, and writes it where the VS Code Brand Toolkit will discover it, so the user can immediately load, edit, and preview the brand. A brand is a single JSON object of design tokens: colors (colorScheme), a font catalog and base font (fontFamily / baseFontFamily), size/spacing/border scales, per-role typography, and buttonStyleGroup definitions. Most of it is fixed structure with internal references; you create a brand by starting from a known-good template and changing only the leaf values (colors, font choice, border radius, base size) plus a unique name. The Brand Toolkit owns everything downstream: it computes derived hover colors, compiles the --tm- CSS, and manages the active-brand config on Save. Your job is just the brand.json. Related: This skill creates a new brand definition. To apply an existing brand's voice, tone, and guidelines to generated content, use the experience-cms-brand-apply skill instead. Reference material Read each reference when its step arrives — don't inline everything up front: assets/brand-template.json — the known-good full brand to clone. This is your starting point for EVERY brand. Copy it, then change leaves. references/brand-anatomy.md — which fields are literals you should edit vs references you must leave intact; the colorScheme guide; the font catalog and which fonts actually render in the preview; the derived-colors rule. Read before editing values. references/disk-contract.md — exactly where the file goes (.digitalExperience/brands/<slug>.brand.json), the title→slug rule, and what the toolkit generates so you don't. Read before writing the file. Interactive flow Walk these steps in order. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills forcedotcom/experience-cms-brand-create--109258