From carbon-design-system
IBM Carbon `@carbon/elements` umbrella package guidance. Use when evaluating or installing the umbrella that re-exports `@carbon/colors`, `@carbon/type`, `@carbon/icons`, `@carbon/layout`, and `@carbon/motion`, or deciding between umbrella vs narrower sub-packages (treeshaking, peer-dep strategy, version mismatches). Skip when the task is specifically about one sub-package — defer to that package's skill (carbon-colors, carbon-type, carbon-icons, carbon-layout, carbon-motion).
How this skill is triggered — by the user, by Claude, or both
Slash command
/carbon-design-system:carbon-elementsThe 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/elements` package or needs to understand how Carbon element packages fit together. Prefer narrower package skills when the task is specifically about colors, type, icons, layout, grid, motion, or themes.
Use this skill when a task depends on the @carbon/elements package or needs to understand how Carbon element packages fit together. Prefer narrower package skills when the task is specifically about colors, type, icons, layout, grid, motion, or themes.
@carbon/elements directly or can use a narrower @carbon/* package.references/source-index.md to locate package files and related element guidance.references/.carbon-foundations when the user only wants Carbon design principles without package APIs.references/source-index.md.rg -n search command shown in the index.Use this skill for @carbon/elements package usage and package selection. Do not use it as a catch-all replacement for more specific package skills.
references/source-index.md: source files and notes for Carbon elements package guidance.references/: topic-first Carbon references, organized as <topic>/guidelines/ and <topic>/specs/.Provides 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.
npx claudepluginhub leesum-in/carbon-design-system-skills --plugin carbon-design-system