Build consistent, themeable React apps based on constraint-based design principles
$ npx skills add system-ui/theme-uiAlternatives
Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.
Current skill
Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
Build consistent, themeable React apps based on constraint-based design principles
$ npx skills add system-ui/theme-ui🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️
$ npx skills add chakra-ui/pandaAmplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud.
$ npx skills add aws-amplify/amplify-uiPrimer is GitHub's design system. This is the CSS implementation
$ npx skills add primer/cssUnstyled 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 design system built by IBM
$ npx skills add carbon-design-system/carbonUnstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.
$ npx skills add chakra-ui/arkSkeleton 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/reactPriceline.com Design System
$ npx skills add priceline/design-systemFranken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.
$ npx skills add franken-ui/uiA set of React UI components that supports Pinterest’s design language
$ npx skills add pinterest/gestaltHow 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 Storybook Design Token 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.