From add
Displays ADD project branding from .add/config.json including accent color, palette, fonts, tone; scans artifacts like SVGs and HTML reports for brand drift; reports image gen status.
npx claudepluginhub mountainunicorn/add --plugin addThis skill is limited to using the following tools:
Display the current branding configuration for this ADD-managed project. Shows accent color, palette, fonts, tone, where branding is applied, detects brand drift in generated artifacts, and reports image generation capability status.
Updates .add project branding config with new colors, fonts, tone, logo, style guide; generates palettes from presets/custom hex; audits artifacts for consistency and optionally fixes.
Audits brand assets in codebases, websites, and social presence for cohesion, gaps, inconsistencies. Scans colors, typography, logos, copy via glob/grep or agent; scores and prioritizes actions.
Manages brand voice, visual identity, messaging frameworks, asset organization, and consistency. Provides Node.js scripts to sync guidelines to design tokens/CSS, validate assets, extract colors, and inject context for prompts.
Share bugs, ideas, or general feedback.
Display the current branding configuration for this ADD-managed project. Shows accent color, palette, fonts, tone, where branding is applied, detects brand drift in generated artifacts, and reports image generation capability status.
.add/config.json exists. If not, tell the user to run /add:init first..add/config.json and extract the branding section.branding section exists, inform the user: "No branding configured. Run /add:brand-update to set up branding, or re-run /add:init --reconfigure to add it during setup."Read branding from .add/config.json and display:
PROJECT BRANDING
Accent Color: {accentColor} ({presetName or "custom"})
Palette:
Gradient: {gradientStart} → {gradientMid} → {gradientEnd}
Light/Dark: {accentLight} / {accentDark}
Muted: {accentMuted}
Success: {palette.success}
Fonts: {fonts.heading}, {fonts.body}, {fonts.code} — or "Not configured (using system defaults)"
Tone: {tone} — or "Not configured"
Logo: {logoPath} — or "Not configured"
Style Guide: {styleGuideSource} — or "Not configured"
Preset: {presetName or "Custom color"}
Scan known artifact locations for brand consistency:
Check for the existence of:
docs/infographic.svgreports/*.html (glob for any HTML reports)README.md (check for embedded infographic reference)For each found artifact:
SVG Infographic (docs/infographic.svg):
linearGradient elements and fill/stroke attributesbranding.palette colorsHTML Reports (reports/*.html):
--accent: variable valuebranding.accentColorIf drift detected:
BRAND DRIFT DETECTED
docs/infographic.svg
⚠ Uses #6366f1 in accentGrad — configured accent is #b00149
⚠ Uses #8b5cf6 in gradientMid — configured gradientMid is #d4326d
reports/spike-2026-02-14.html
⚠ CSS --accent: #6366f1 — configured accent is #b00149
Run /add:brand-update to fix these artifacts.
If no drift:
BRAND CONSISTENCY: ✓ All artifacts match configured branding.
If no artifacts found:
GENERATED ARTIFACTS: None found yet.
Run /add:infographic to generate a project infographic.
Read imageGeneration section from .add/config.json (if it exists).
If image gen is configured and enabled:
IMAGE GENERATION: ✓ Configured
Tool: {imageGeneration.plugin} ({imageGeneration.tool})
Status: Active
If image gen is not configured:
IMAGE GENERATION: Not configured
Adding a Google Vertex AI image gen MCP server enhances your
project documentation with AI-generated visuals for infographics and reports.
To set up:
1. Configure a Vertex AI MCP server in your .mcp.json
2. Run any visual skill (/add:infographic) — detection is automatic
If imageGeneration section doesn't exist in config: Skip this section silently (feature not yet enabled for this project).
BRANDING SUMMARY
Color: {accentColor} ({presetName})
Artifacts: {N} found, {M} with drift
Image Gen: {Configured | Not configured}
Commands:
/add:brand-update Update branding and audit artifacts
/add:infographic Generate project infographic