chakra-ui · Agent Skills

2 Skills with substantive, source-verified documentation. Open a card to read the original instructions and review package and installation details.

chakra-ui

Community

chakra-ui-builder

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, dashboard, navbar, card, landing section, pricing table, or layout using Chakra UI; wants to add Chakra UI to a project, set up ChakraProvider, run CLI snippets, configure color mode,

1h installs

6

GitHub stars

40.7K

Updated

Sep 24

MIT4 Files

View skill details →

chakra-ui

Community

chakra-ui-refactor

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 correct", "what's wrong with this", "review my component", "refactor this", "clean up", "convert", or "chakra-ify this" — even without the words "review" or "refactor". Trigger on any r

1h installs

5

GitHub stars

40.7K

Updated

Sep 24

MIT1 Files

View skill details →