Skills
.Work. You
Rest

brand-colors

Community

Enforce brand color consistency across code.

Design & Creative#consistency#design tokens#tailwind#brand colors#lint#color enforcement
Authorimsaif
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps maintain AIUX brand color consistency by enforcing a minimalist black & white palette, ensuring colors stay on-brand and accessible.

Core Features & Use Cases

  • Scans files for non-approved brand colors in Tailwind classes, inline styles, and SVG attributes
  • Maps violations to fixed, brand-compliant replacements
  • Auto-fixes common violations and generates brand-compliance reports
  • Integrates into development workflow (pre-commit, CI) to prevent drifts

Quick Start

Check a file: /brand-colors check src/components/MyComponent.tsx Check a directory: /brand-colors check src/components/ Auto-fix a file: /brand-colors fix src/components/MyComponent.tsx Generate a report: /brand-colors report

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: brand-colors
Download link: https://github.com/imsaif/aiex/archive/main.zip#brand-colors

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.