react components skills

14 tagged react components, measured the same way as everything else here.

Browse within: ReAct 13design-system 5grid 5javascript-library 5material-design 5material-ui 5react-library 5

material-ui-review

01

mui/material-ui

Skill Claude CodeCodex

Review the current diff for regressions, correctness bugs, tests, simplifications, and docs issues, scaling depth to a low/medium/high/xhigh/max effort level. Use ONLY when explicitly requested by name: the user runs /material-ui-review, writes $material-ui-review, or asks for "the Material UI review skill". Do NOT…

99k today A 137 tokens original MIT

material-ui-nextjs

02

mui/material-ui

Skill Claude CodeCodex

Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules, Link component prop patterns, CSS theme variables SSR notes, and App Router useSearchParams + Suspense. Use when setting up or debugging MUI in a Next.js app.

99k today A 76 tokens original MIT

material-ui-styling

03

mui/material-ui

Skill Claude CodeCodex

Chooses the right Material UI styling approach (sx, styled, theme overrides, global CSS) from official MUI guidance. Use when styling @mui/material components, customizing themes, overriding slots, or comparing sx vs styled.

99k today A 52 tokens original MIT

chakra-ui-builder

04

chakra-ui/chakra-ui

Skill Claude CodeCodex

Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…

41k yesterday A 214 tokens original MIT

chakra-ui-migrate

05

chakra-ui/chakra-ui

Skill Claude CodeCodex

Migrate Chakra UI projects from v2 to v3, covering package changes, codemods, provider setup, color mode, prop renaming, compound components, theming, recipes, and Next.js updates. Use this skill whenever a user is upgrading Chakra UI versions, encountering breaking changes after an upgrade, converting old v2 patterns…

41k yesterday A 137 tokens original MIT

chakra-ui-refactor

06

chakra-ui/chakra-ui

Skill Claude CodeCodex

Review, convert, and improve UI code using Chakra UI v3. Use this skill whenever a user wants to review Chakra UI code for issues, convert plain HTML/CSS, Tailwind, CSS Modules, or styled-components to Chakra UI, clean up messy Chakra components, fix layout structure or token usage, or asks anything like "is this…

41k yesterday A 139 tokens original MIT

IgniteUI/igniteui-react

Skill Claude CodeCodex

Step-by-step migration guide from Grid Lite (IgrGridLite) to the premium Ignite UI for React Data Grid (IgrGrid), covering every import, registration, component name, property, event, template, sorting, filtering, and toolbar API change.

56 5d ago A 61 tokens original MIT

IgniteUI/igniteui-react

Skill Claude CodeCodex

This skill identifies the right Ignite UI for React components for any UI pattern and covers installing, importing, and using them — including JSX patterns, event handling, refs, forms, and TypeScript. Use this when choosing components, setting up a React project, writing component JSX, handling events, or integrating…

56 5d ago A 72 tokens copy · 92% MIT

IgniteUI/igniteui-react

Skill Claude CodeCodex

This skill customizes Ignite UI for React component styling using CSS custom properties and the full theming system and should be used when applying brand colors, dark mode, component-level overrides, or scoped themes in a React application.

56 5d ago A 50 tokens original MIT