chakraui
Chakra UI
Chakra UI v3 (2025) moves to a Zero-runtime engine (Panda CSS under the hood) to solve performance issues, while keeping the developer experience of style props.
When to Use
- Speed: Developing UI with style props (
<Box mt={4} />) is incredibly fast. - Accessibility: WAI-ARIA compliant out of the box.
- Customizability: Easier to customize than MUI.
Core Concepts
Style Props
Passing CSS as props. bg="red.500".
Polymorphism
as prop. <Button as="a" href="...">.
More from g1joshi/agent-skills
template
Expert [skill-name] assistance covering [feature 1], [feature 2], and [feature 3]. Use when [working with X], [debugging Y], or [implementing Z].
34mariadb
MariaDB MySQL-compatible database with Galera clustering. Use for MySQL-compatible database needs.
6claude
Anthropic Claude AI models for analysis and coding. Use for AI assistants.
5javascript
JavaScript ES6+ programming including async/await, DOM manipulation, modules, and Node.js. Use for .js files and web development.
4typescript
TypeScript static typing with interfaces, generics, decorators, and type inference. Use for .ts files.
4python
Python programming with type hints, async/await, decorators, and package management. Use for .py files and data science.
4