brand

--- name: brand description: Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides. argument-hint: "[update|review|create] [args]" metadata: author: claudekit version: "1.0.0" --- # Brand Brand identity, voice, messaging, asset management, and consistency frameworks. ## When to Use - Brand voice definition and content tone guidance - Visual identity standards and style guide development - Messaging framework creation - Brand consistency review and audit - Asset organization, naming, and approval - Color palette management and typography specs ## Script Paths Script paths in this skill and its `references/` are relative to the directory that contains this SKILL.md, not to the project: `scripts/<file>` is this skill's own `scripts/` folder, and `../<skill>/scripts/<file>` is a sibling sub-skill installed alongside it. Build the full path from that directory (Claude Code reports it as the skill's base directory when the skill loads) and keep the working directory at the project root — the scripts read and write project files such as `docs/brand-guidelines.md`, `assets/design-tokens.json` or `src/` relative to it. ## Quick Start **Inject brand context into prompts:** ```bash node scripts/inject-brand-context.cjs node scripts/inject-brand-context.cjs --json ``` **Validate an asset:** ```bash node scripts/validate-asset.cjs <asset-path> ``` **Extract/compare colors:** ```bash node scripts/extract-colors.cjs --palette node scripts/extract-colors.cjs <image-path> ``` ## Brand Sync Workflow ```bash # 1. Edit docs/brand-guidelines.md (or use /brand update) # 2. Sync to design tokens node scripts/sync-brand-to-tokens.cjs # 3. Verify node scripts/inject-brand-context.cjs --json | head -20 ``` The sync stops when it detects existing token files, `:root` custom properties or Tailwind v4 `@theme` variables in common CSS entry points and their local CSS imports, or Tailwind theme colors and presets. Review the reported source before proceeding. If the detected files are the managed `assets/design-tokens.*` outputs from an earlier sync and replacing them is intentional, re-run with `--force`. **Files synced:** - `docs/brand-guidelines.md` → Source of truth - `assets/design-tokens.json` → Token definitions - `assets/design-tokens.css` → CSS variables ## Subcommands | Subcommand | Description | Reference | |------------|-------------|-----------| | `update` | Update brand identity and sync to all design systems | `references/update.md` | ## References | Topic | File | |-------|------| | Voice Framework | `references/voice-framework.md` | | Visual Identity | `references/visual-identity.md` | | Messaging | `references/messaging-framework.md` | | Consistency | `references/consistency-checklist.md` | | Guidelines Template | `references/brand-guideline-template.md` | | Asset Organization | `references/asset-organization.md` | | Color Management | `references/color-palette-management.md` | | Typography | `references/typography-specifications.md` | | Logo Usage | `references/logo-usage-rules.md` | | Approval Checklist | `references/approval-checklist.md` | ## Scripts | Script | Purpose | |--------|---------| | `scripts/inject-brand-context.cjs` | Extract brand context for prompt injection | | `scripts/sync-brand-to-tokens.cjs` | Sync brand-guidelines.md → design-tokens.json/css | | `scripts/validate-asset.cjs` | Validate asset naming, size, format | | `scripts/extract-colors.cjs` | Extract and compare colors against palette | ## Templates | Template | Purpose | |----------|---------| | `templates/brand-guidelines-starter.md` | Complete starter template for new brands | ## Routing 1. Parse subcommand from `$ARGUMENTS` (first word) 2. Load corresponding `references/{subcommand}.md` 3. Execute with remaining arguments

[{"step":"Define your brand parameters.","action":"Gather your brand’s style guide, messaging pillars, tone of voice descriptors, and any recent assets (e.g., logos, color codes). If you don’t have a style guide, describe your brand’s personality in 3-5 adjectives (e.g., 'bold, playful, and disruptive').","tip":"Use your brand’s mission statement or values document as a reference. For tone, think about how your brand communicates in customer support vs. marketing."},{"step":"Specify the content type and platform.","action":"Indicate whether you need content for a social media post, email campaign, blog article, or internal memo. Mention the platform (e.g., LinkedIn, Instagram, internal wiki) to ensure the output matches platform norms (e.g., character limits for Twitter).","tip":"For social media, note if you need platform-specific optimizations (e.g., hashtags for Instagram vs. LinkedIn)."},{"step":"Provide the core topic or keyword.","action":"Share the main subject, product, or campaign you want to focus on. Include any specific keywords, calls-to-action, or links to reference. For example, 'Write a blog post about our new AI-powered analytics tool, emphasizing ease of use and ROI.'","tip":"If you’re unsure about keywords, ask the AI to suggest 3-5 relevant terms based on your topic."},{"step":"Review and refine.","action":"Use the AI’s output as a draft, then edit for brand alignment. Check for consistency in tone, messaging, and visuals. Compare the output to your brand’s existing assets to ensure it feels cohesive.","tip":"Use tools like Grammarly for tone consistency or Canva’s brand kit feature to verify visuals match your style guide."},{"step":"Generate assets and distribute.","action":"If the output includes visuals or formatting guidelines, use design tools (e.g., Canva, Figma) to create the final asset. Schedule the content using your preferred tool (e.g., Hootsuite, Buffer) or share it directly with your team for approval.","tip":"For visuals, ask the AI to generate a prompt for an image generator (e.g., Midjourney, DALL·E) if you need custom graphics."}]