Chakra UI is a component system for building SaaS products with speed ⚡️
$ npx skills add chakra-ui/chakra-uiAlternatives
Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.
Current skill
🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻💻 Design to Code in one click
Chakra UI is a component system for building SaaS products with speed ⚡️
$ npx skills add chakra-ui/chakra-ui🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
$ npx skills add lukasoppermann/design-tokensUnstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
$ npx skills add mui/base-uiA toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.
$ npx skills add stenciljs/coreA design system built by IBM
$ npx skills add carbon-design-system/carbonBuild consistent, themeable React apps based on constraint-based design principles
$ npx skills add system-ui/theme-uiUnstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.
$ npx skills add chakra-ui/ark🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️
$ npx skills add chakra-ui/pandaSkeleton is an adaptive design system powered by Tailwind CSS.
$ npx skills add skeletonlabs/skeletonA comprehensive React UI components library based on Arco Design
$ npx skills add arco-design/arco-designElastic UI Framework 🙌
$ npx skills add elastic/eui🦍 A configurable component library for web built on React.
$ npx skills add alibaba-fusion/nextReact & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
$ npx skills add gluestack/gluestack-uiAn implementation of GitHub's Primer Design System using React
$ npx skills add primer/react📱Beautiful, fast and modern React Native UI library
$ npx skills add heroui-inc/heroui-nativeA Vue.js 3 UI Library based on Arco Design
$ npx skills add arco-design/arco-design-vueHow to choose
Use an alternative when it has a clearer install path, higher trust score, fresher maintenance, or better platform fit for your current agent stack. Keep Semi Design if it already passes your workflow test and repository review.
Next step
Open the compare page, test the install commands in a sandbox, and check each repository before using a skill in production.