The Cursor for Designers โข An Open-Source AI-First Design tool โข Visually build, style, and edit your React App with AI
$ npx skills add onlook-dev/onlookAlternatives
Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.
Current skill
Convert any website to editable Figma designs
The Cursor for Designers โข An Open-Source AI-First Design tool โข Visually build, style, and edit your React App with AI
$ npx skills add onlook-dev/onlookWrite components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
$ npx skills add BuilderIO/mitosisBeautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
$ npx skills add lucide-icons/lucide๐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
$ npx skills add DouyinFE/semi-designDiceBear is an avatar library for designers and developers. ๐
$ npx skills add dicebear/dicebearPrimer is GitHub's design system. This is the CSS implementation
$ npx skills add primer/cssChakra UI is a component system for building SaaS products with speed โก๏ธ
$ npx skills add chakra-ui/chakra-uiUnstyled 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/carbonDesign and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendMaterial UI: Comprehensive React component library that implements Google's Material Design. Free forever.
$ npx skills add mui/material-ui๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
$ npx skills add saadeghi/daisyuiTranslate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designLearn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
$ npx skills add donnemartin/system-design-primerMaterial Design Web Components
$ npx skills add material-components/material-webHow 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 Figma Html 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.
Alternatives
Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.
Current skill
Convert any website to editable Figma designs
The Cursor for Designers โข An Open-Source AI-First Design tool โข Visually build, style, and edit your React App with AI
$ npx skills add onlook-dev/onlookWrite components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
$ npx skills add BuilderIO/mitosisBeautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
$ npx skills add lucide-icons/lucide๐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
$ npx skills add DouyinFE/semi-designDiceBear is an avatar library for designers and developers. ๐
$ npx skills add dicebear/dicebearPrimer is GitHub's design system. This is the CSS implementation
$ npx skills add primer/cssChakra UI is a component system for building SaaS products with speed โก๏ธ
$ npx skills add chakra-ui/chakra-uiUnstyled 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/carbonDesign and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendMaterial UI: Comprehensive React component library that implements Google's Material Design. Free forever.
$ npx skills add mui/material-ui๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
$ npx skills add saadeghi/daisyuiTranslate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designLearn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
$ npx skills add donnemartin/system-design-primerMaterial Design Web Components
$ npx skills add material-components/material-webHow 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 Figma Html 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.