chakra-ui-builder

Get responsive, accessible Chakra UI that fits your project.

frontend development

What it does

Builds responsive, accessible Chakra UI code and configures project setup and scalable themes.

When to use it

Use for Chakra UI component building, project setup, theming, or chart requests.

Give it a Chakra UI building, setup, theming, or chart goal in a project; it builds or configures the project.

What you provide

This skill

@chakra-ui/cli

Execute

The unversioned Chakra CLI

@chakra-ui/react

Execute

Installs @chakra-ui/react

@emotion/react

Execute

Installs @emotion/react

next-themes

Execute

Installs next-themes

Chakra UI projects require the @chakra-ui/react package, which the skill installs when absent.

Chakra UI setup installs @emotion/react alongside @chakra-ui/react.

The generated provider requires next-themes; the CLI installs it automatically.

The @chakra-ui/charts package is needed for chart requests.