Stats
Actions
Tags
From carbon-design-system
IBM Carbon `@carbon/colors` package guidance. Use for raw IBM Design Language palettes — `$blue-60`, `$red-50`, `cool-gray-*` — Sass and JS exports, hex value lookups, mapping hex back to named tokens, and palette-only usage in non-Carbon dataviz/charts/SVG. Skip for semantic role tokens like `text-primary` or `support-error` (carbon-themes), or palette-mimicking in Tailwind without Carbon packages (carbon-foundations).
How this skill is triggered — by the user, by Claude, or both
Slash command
/carbon-design-system:carbon-colorsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Use this skill when a task depends on the `@carbon/colors` package. This package is for raw IBM Design Language color palettes and values; use `carbon-themes` when the task needs semantic theme tokens.
Use this skill when a task depends on the @carbon/colors package. This package is for raw IBM Design Language color palettes and values; use carbon-themes when the task needs semantic theme tokens.
@carbon/colors directly or only needs Carbon color principles.references/source-index.md to locate package, usage, and color reference files.references/.references/source-index.md.rg -n search command shown in the index.Use this skill for @carbon/colors package usage and raw color palette decisions. Use carbon-themes for semantic tokens, carbon-foundations for package-free color judgment, and carbon-react for React component theme behavior.
references/source-index.md: source files and notes for Carbon color package guidance.references/: topic-first Carbon references, organized as <topic>/guidelines/ and <topic>/specs/.npx claudepluginhub leesum-in/carbon-design-system-skills --plugin carbon-design-systemProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.