
Description
chakra-ui-builder is an agent skill from the Chakra UI project for building responsive, accessible user interface components and layouts with Chakra UI v3, and for setting Chakra UI up in new or existing projects. Chakra UI is a React component library, and the skill's job is to produce code that fits the project it is written into rather than generic boilerplate. It starts by reading the project context: the Chakra UI version, which defaults to the v3 patterns unless the project is explicitly on v2, the framework, such as Next.js with the App Router, the Pages Router, Vite or plain React, whether the project uses TypeScript or JavaScript, and the package manager, which it infers from the lockfile. With that context in hand, the skill builds the components and layouts requested, or installs and configures Chakra UI in a project that lacks it. Its guidance covers responsive layouts and accessible markup, and it designs components so they scale as an interface grows. The skill is useful for developers starting a Chakra UI interface and for teams that want consistent component code across a product. The agent's output still needs to be run and reviewed in the project's own environment. The skill is installed with the skills CLI from the chakra-ui/chakra-ui repository. Its skills.sh page showed about 3.4K installs and passing results from three security audits at the time of the scan.…
Highlights
- Chakra UI v3 component and layout code
- Installs and configures Chakra UI in projects
- Reads framework, TypeScript and package manager first
- Responsive and accessible output
- Installs with the skills CLI
Ratings & Reviews
No ratings yet
Be the first to rate chakra-ui-builder.
People also visit

chakra-ui-migrate
Migrate Chakra UI projects from v2 to v3, covering package changes, codemods
chakra-ui-builder FAQ
Which Chakra UI version does it target?
Version 3 by default. It uses v2 patterns only if the project is explicitly on v2.
What does it check in a project?
The Chakra UI version, the framework, TypeScript or JavaScript, and the package manager from the lockfile.
Can it set up Chakra UI from scratch?
Yes. It can install and configure Chakra UI in new and existing projects.
How do I install it?
Run npx skills add https://github.com/chakra-ui/chakra-ui --skill chakra-ui-builder.
What security audits does it have?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Pass.
What are the best chakra-ui-builder alternatives?
Popular alternatives to chakra-ui-builder include chakra-ui-migrate, chakra-ui-refactor and frontend-a11y. See all chakra-ui-builder alternatives









