---
title: "Chakra UI Builder - Air Market"
description: "You are building an interface with Chakra UI and want the component, the setup, or the theme handled properly. This builds responsive, accessible components and layouts, sets Chakra up in a project,…"
canonical: "https://airmarket.ai/app/chakra-ui-builder"
---

[Air Market](/) / [Design](/category/design) / Chakra UI Builder

Skill by [Chakra](/@chakra-ui)

# Chakra UI Builder

Build the component, or fix the theme, in Chakra without the guesswork

## What this does

You are building an interface with Chakra UI and want the component, the setup, or the theme handled properly. This builds responsive, accessible components and layouts, sets Chakra up in a project, and shapes themes with tokens and recipes. Ask casually - "make me a login form", "add my brand colors" - and it applies.

### Top 3 things it does for you

- Build a form, sidebar, dashboard or pricing table
- Add Chakra to a project and wire up the provider
- Define brand colors and design tokens

## Information

**Chakra UI Builder at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Chakra](/@chakra-ui) |
| Category | [Design](/category/design) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 45 KB |
| Licence | MIT |
| Repository | [chakra-ui/chakra-ui](https://github.com/chakra-ui/chakra-ui/tree/f59e7b9f092b627395a9178b31a299954858c6eb/skills/chakra-ui-builder) |
| GitHub stars | 40,589 (as of Nov 2026) |
| Installs | 3,635, counted by skills.sh (Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Chakra UI Builder and flagged nothing. AIR's verdict: **safe**.

**What Chakra UI Builder's check was run against**

|  |  |
| --- | --- |
| Commit | f59e7b9f092b627395a9178b31a299954858c6eb |
| Content hash | 5e1197974c9d6c5631b970aa7eefe30fb0252530f8175194d3fe573bcf37f1cd |
| Files read | [Browse the files at this exact commit](https://github.com/chakra-ui/chakra-ui/blob/f59e7b9f092b627395a9178b31a299954858c6eb/skills/chakra-ui-builder/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Chakra UI Builder](/security/chakra-ui-builder)

## About Chakra UI Builder

Builds responsive, accessible UI components and layouts with Chakra UI v3, installs or configures Chakra UI in new and existing projects, and designs scalable themes using tokens, semantic tokens, recipes and slot recipes.

Use it to build, create or generate any UI - a component, page, form, dashboard, navbar, card, landing section, pricing table, layout or chart. It also covers adding Chakra to a project, setting up ChakraProvider, running CLI snippets, configuring color mode, and fixing provider wrapping.

On theming it handles brand colors, design tokens, semantic tokens, dark mode values, component recipes, slot recipes, typegen and ejecting the default theme. Casual phrasing is enough to bring it in.

## What's inside

- SKILL.md - instructions
- references/charts.md - reference
- references/component-decision-tree.md - reference
- references/theming.md - reference

## Questions

### Is Chakra UI Builder safe to install?

AIR scanned this exact version of Chakra UI Builder and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit f59e7b9f092b, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/chakra-ui-builder.

### How do I install Chakra UI Builder?

Open https://airmarket.ai/app/chakra-ui-builder on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/chakra-ui/chakra-ui/tree/f59e7b9f092b627395a9178b31a299954858c6eb/skills/chakra-ui-builder. Install from that link, not the branch.

## Related on Air Market

- [More Design listings](/category/design)
- [Everything by Chakra](/@chakra-ui)

---

Canonical URL: <https://airmarket.ai/app/chakra-ui-builder>