From carbon-design-system
IBM Carbon `@carbon/grid` package guidance. Use for the Carbon 16-column responsive grid — `<Grid>`/`<Column>` markup, Sass mixins, breakpoints (sm/md/lg/xlg/max), gutter widths, nested grids, CSS-Grid vs flex-grid, hang-left/right offsets, and v10→v11 grid migrations. Skip for spacing-token questions like `$spacing-05` (carbon-layout), generic CSS Grid help, or non-Carbon Tailwind grids.
How this skill is triggered — by the user, by Claude, or both
Slash command
/carbon-design-system:carbon-gridThe 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/grid` package or official Carbon grid implementation details.
Use this skill when a task depends on the @carbon/grid package or official Carbon grid implementation details.
@carbon/grid, Carbon Sass grid APIs, or a package-free grid implementation.references/source-index.md to locate grid usage and package references.references/.carbon-foundations when the task is only a package-free design review.references/source-index.md.rg -n search command shown in the index.Use this skill for @carbon/grid and Carbon 16 column grid implementation. Use carbon-layout for spacing tokens and carbon-react for React component layout composition.
references/source-index.md: source files and notes for Carbon grid 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.