From claude-superskills
Provides brand identity guidance for voice definition, visual standards, messaging frameworks, asset management, consistency audits, style guides, color palettes, and typography. Includes Node scripts for design token sync to CSS, asset validation, and prompt context injection.
npx claudepluginhub ericgandrade/claude-superskills --plugin claude-superskillsThis skill uses the workspace's default tool permissions.
Brand identity, voice, messaging, asset management, and consistency frameworks.
README.mdevals/evals.jsonevals/trigger-eval.jsonreferences/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.mdManages 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.
Generates 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.
Defines brand guidelines, design tokens, tech stack choices, and voice/tone for consistent UI components, app styling, copywriting, and user-facing assets.
Share bugs, ideas, or general feedback.
Brand 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}.md