mcpField
B
branding

branding

github.com/igorwarzochaDesign & UI122110 installsUpdated 38w ago
Repository

About branding

An agent skill for applying corporate visual standards to professional artifacts. Its color and font values are placeholders, so it asks for brand guidelines rather than inventing them.

Key features

  1. 01Check whether brand guidelines are configured
  2. 02Identify color and font placeholders
  3. 03Map text and graphic styles to guidelines
  4. 04Update styles in DOCX, PPTX, CSS, or HTML
  5. 05Review contrast and visual hierarchy

Use cases

  1. 01Format a presentation using existing brand standards
  2. 02Apply brand colors and fonts to a document
  3. 03Collect specific brand values when guidelines are missing

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/igorwarzocha/opencode-workflows --skill branding

After installing, type/brandingin Claude Code to confirm it loaded.

Details

From the project README
The agent MUST apply official corporate visual standards to all professional artifacts. However, these standards MUST NOT be assumed if they are not explicitly defined in the `` section.

If the placeholders in <visual_standards> have not been replaced with actual values, the agent MUST:

  1. Notify the user that branding guidelines are not yet configured.
  2. Request the specific Hex codes and Font families from the user.
  3. Suggest that the user updates this SKILL.md file or provides a BRANDING.md in the vault for long-term persistence.

<visual_standards>

🎨 Corporate Identity Placeholders

The following values are currently UNDEFINED. The agent MUST NOT invent these values.

1. Primary Colors
  • Primary (Dark): [INSERT_HEX_CODE] (Recommended for primary text)
  • Secondary (Light): [INSERT_HEX_CODE] (Recommended for backgrounds)
  • Neutral: [INSERT_HEX_CODE] (Recommended for secondary elements)
2. Accent Colors
  • Accent 1: [INSERT_HEX_CODE]
  • Accent 2: [INSERT_HEX_CODE]
  • Accent 3: [INSERT_HEX_CODE]
3. Typography
  • Headings Font: [FONT_FAMILY_NAME] (e.g., Poppins, Helvetica)
  • Body Font: [FONT_FAMILY_NAME] (e.g., Lora, Georgia) </visual_standards>
1. **Validation**: Check `` for active placeholders. If found, the agent MUST pause and request details from the user. 2. **Analysis**: Once defined, identify headings vs. body text in the target artifact. 3. **Mapping**: Assign primary colors to text and accent colors to shapes/charts/highlights. 4. **Execution**: Update the font and color properties in the target file (DOCX/PPTX XML, CSS, or HTML). 5. **Verification**: The agent SHOULD verify accessibility (color contrast) and visual hierarchy after applying the brand.

Comments

Markdown supported