@genesisx/design-system

Design-System

Design-System is a powerful tool that helps you set up a thorough, end-to-end, fully configured design system with best practices and automation for your projects. With this tool, you are bound to save countless days if not weeks of setup time, allowing you to focus on delivering great products faster.

Usage

1. Install the package globally by running:

   npm i -g @genesisx/design-system@latest
   

2. Go to the directory where you want to create a design system and run the below command:

   ds
   

3. Provide inputs to the prompts. Following the questions asked:

   • What is your ui design system going to be called? (scoped name is recommended)
   • Do you want to provide an additional prefix? (applicable only for scoped naming conventions)
   • Choose your package manager (pnpm is recommended)

Documentation

See https://genesisx.netlify.app/docs/design-system/