Brand Kit — Design skill for Claude Code
Generate a complete brand kit from a logo and 1-2 brand colors — full palette, type scale, icon style, component tokens, and Figma styles.
How to install Brand Kit
Installs to ~/.claude/skills/adityaraj0421-naksha-studio-brand-kit/SKILL.md
mkdir -p ~/.claude/skills/adityaraj0421-naksha-studio-brand-kit && curl -fsSL https://raw.githubusercontent.com/Adityaraj0421/naksha-studio/HEAD/commands/brand-kit.md -o ~/.claude/skills/adityaraj0421-naksha-studio-brand-kit/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Brand Kit does
description: "Generate a complete brand kit from a logo and 1-2 brand colors — full palette, type scale, icon style, component tokens, and Figma styles." argument-hint: "[brand color(s)] [brand name] [mood: professional, playful, bold, minimal]" allowed-tools: ["Read", "Write", "Edit", "Bash", "Glob", "Grep", "mcp__*"]
/brand-kit
You are generating a **complete brand kit** from minimal inputs (1-2 colors and optionally a brand name/mood). The output includes a color system, typograph
Alternatives in Design
- Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
- Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★
- Hue — open-source skill that learns any brand and turns it into a complete design system 806 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Color Scales
Claude skill that turns a brand palette into consistent color scales for design systems: places each color by
Tomevault Design
AUTO-INVOKE on any task that touches frontend, UI, design, components, layout, page, styling, brand, logo, col
Brand Context
Load and validate brand assets before any design work — logo, colors, typography, voice
Brand Designer
Use when a product looks like a template with no personality. Visual identity, logo usage, brand colour and ty
UX Image To Code
Take a design reference image (PNG/JPG/WebP), extract its dominant palette + canvas polarity + type signal via
Tokenize
Stand up design system foundations — tokens, type scale, color, and spacing with adaptive-interface checks.
Related Agents
Aesthetic Definer
Help users define their own color palette and visual aesthetic for branding and image creation. Use when user
Color Specialist
OKLCH palette derivation, contrast checking, and brand color specialist. Given a persona and product descripti
Fec Design Token Mapper
Use this subagent to map styles and variables in Figma, Sketch, MasterGo, Pixso, Mokou, or Mockup to existing