From kipi-design
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.
How this skill is triggered — by the user, by Claude, or both
Slash command
/kipi-design:brandThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Brand identity, voice, messaging, asset management, and consistency frameworks.
references/approval-checklist.mdreferences/asset-organization.mdreferences/brand-guideline-template.mdreferences/color-palette-management.mdreferences/consistency-checklist.mdreferences/logo-usage-rules.mdreferences/messaging-framework.mdreferences/typography-specifications.mdreferences/update.mdreferences/visual-identity.mdreferences/voice-framework.mdscripts/extract-colors.cjsscripts/inject-brand-context.cjsscripts/sync-brand-to-tokens.cjsscripts/validate-asset.cjstemplates/brand-guidelines-starter.mdBrand identity, voice, messaging, asset management, and consistency frameworks.
Inject brand context into prompts:
node scripts/inject-brand-context.cjs
node scripts/inject-brand-context.cjs --json
Validate an asset:
node scripts/validate-asset.cjs <asset-path>
Extract/compare colors:
node scripts/extract-colors.cjs --palette
node scripts/extract-colors.cjs <image-path>
# 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
Files synced:
docs/brand-guidelines.md → Source of truthassets/design-tokens.json → Token definitionsassets/design-tokens.css → CSS variables| Subcommand | Description | Reference |
|---|---|---|
update | Update brand identity and sync to all design systems | references/update.md |
| 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 |
| 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 |
| Template | Purpose |
|---|---|
templates/brand-guidelines-starter.md | Complete starter template for new brands |
$ARGUMENTS (first word)references/{subcommand}.mdnpx claudepluginhub assafkip/kipi-systemGenerates user-level brand guidelines skill through phased workflow: ingest assets like websites/docs/images, interactive discovery, synthesize identity, output SKILL.md for enforcement. Activates on brand queries.
Generates brand.json, config.json, brand-system.md, and tone-of-voice.md files defining design tokens, visual guidelines, and writing voice for PPTX Generator and content skills. Activates on brand setup requests.
Defines brand guidelines, design tokens, technology choices, and voice/tone to ensure consistency in UI components, styling, and copy.