click-ui
Accessible React component library with theming and visual testing
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install Click UI?▼
Run `npx skills add ClickHouse/click-ui --all -g -y` in your terminal to install all skills in this suite globally.
What is Click UI used for?▼
Click UI is the ClickHouse design system and React component library for building accessible, themeable, modern web interfaces with consistent styling.
How do I add Click UI to a React app?▼
Install the package with `npm i @clickhouse/click-ui@latest`, then wrap your app in the ClickUIProvider with your chosen theme to apply styles across all components.
Does Click UI support dark mode and custom themes?▼
Yes. It ships with light and dark themes, design tokens, and a CSS cascade layer so your own styles always override the defaults without specificity hacks.
Can AI agents help migrate components to CSS Modules?▼
Yes. The included migration skill guides your agent through converting styled-components to CSS Modules with byte-for-byte visual regression verification.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video