chakra-ui

Gives quick reference info for building websites with the Chakra UI component toolkit.

Installation
Run `npx skills add "https://github.com/fandhe-ai/agent-reference-skills" --skill "chakra-ui"` to install this skill, then follow its SKILL.md instructions for my next request.

Paste this into Claude Code, Cursor, or any agent that can run commands.

What this skill does
What it does: This is a big lookup guide for Chakra UI, a toolkit of ready-made pieces (like buttons, pop-up windows, menus, forms, and charts) that programmers use to build websites and apps with the React coding framework. Instead of one long document, it is organized into folders by topic, such as getting started, components, charts, styling, color themes, and ready-made page sections like pricing pages or hero banners. An AI helper reads this guide to quickly find the right page for a task, rather than guessing. When to use it: - Building or fixing a website or app that already uses Chakra UI - Looking up how a specific piece works, like a button, a pop-up dialog, or a chart - Setting up Chakra UI in a new project, including connecting it to frameworks like Next.js or Vite - Changing colors, spacing, dark mode, or overall visual style - Using paid, professionally designed page templates called Chakra UI Pro blocks This skill is not meant to be triggered directly by a person. It works quietly in the background to help an AI assistant answer Chakra UI questions accurately.

The full skill text could not be loaded right now. It installs fine with the command above, or read it at the source.

Mirrored from the author's public source. Install counts from the open skills registry.

The systems behind these skills get built for partners every week.

Partner with us