Skills
.Work. You
Rest

IBM Carbon Design System

Community

Standardize enterprise UI with IBM Carbon.

Design & Creative#theming#ui#accessibility#enterprise#design-system#design-tokens#carbon
AuthorGeneralJerel
Version1.0.0
Installs0

System Documentation

What problem does it solve?

IBM Carbon Design System provides a mature, themeable framework for enterprise UI development, enabling teams to deliver consistent, accessible interfaces across products.

Core Features & Use Cases

  • Token-based theming and multi-theme support (White, Gray 10/90/100) for React, Svelte, Angular, and Web Components.
  • Accessibility-first design guidance aligned with WCAG AA requirements, with scalable typography, color tokens, and elevation/shadow guidelines.
  • Governance for enterprise dashboards, data-heavy apps, and internal tools requiring consistent UI and design language across teams.

Quick Start

Install and reference the Carbon design system tokens and theming guidelines to begin theming your components.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: IBM Carbon Design System
Download link: https://github.com/GeneralJerel/awesome-style-refs/archive/main.zip#ibm-carbon-design-system

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 471,000+ vetted skills library on demand.