skills.rest
umami-softwareumami-softwareOfficial·1 Agent Skills Included

react-zen

React design system with themed components and form controls

Builds consistent React interfaces using ready-made layout primitives, buttons, forms, dialogs, tables, and feedback components. Removes the need to hand-style every element by providing design tokens, semantic colors, and light or dark theming out of the box. Speeds up front-end work with responsive props, form validation, and Tailwind CSS integration.
58|8
↗
npx skills add umami-software/react-zen --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
umami-softwareumami-software

Using @umami/react-zen

Build React interfaces using prop-driven components from @umami/react-zen.

Official
Basic

Frequently Asked Questions

FAQPage Schema
How to install react-zen?▼

Run `npx skills add umami-software/react-zen --all -g -y` in your terminal to install this skill globally.

What is the Zen design system?▼

Zen is the React component library and design system used by Umami, offering themed layout primitives, form controls, dialogs, and tables built on Base UI and Tailwind CSS.

Does react-zen support dark mode?▼

Yes. Wrap your app in ZenProvider and set the theme prop to light or dark, or use system preference with the colorScheme option.

Can I use react-zen without Tailwind CSS?▼

Yes. Import the prebuilt styles.full.css file instead of the Tailwind preset to get all component styles without a Tailwind setup.

Does react-zen handle form validation?▼

Yes. Its form system is built on react-hook-form, so FormField components provide labels, descriptions, and validation rules automatically.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills