Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/intuit/design-systems-cli

A CLI toolbox for creating design systems.
https://github.com/intuit/design-systems-cli

hacktoberfest

Last synced: 4 months ago
JSON representation

A CLI toolbox for creating design systems.

Host: GitHub
URL: https://github.com/intuit/design-systems-cli
Owner: intuit
License: mit
Created: 2020-01-06T22:35:51.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2024-01-14T07:22:00.000Z (5 months ago)
Last Synced: 2024-01-14T22:09:36.602Z (5 months ago)
Topics: hacktoberfest
Language: TypeScript
Homepage: https://intuit.github.io/design-systems-cli/#/
Size: 11.3 MB
Stars: 390
Watchers: 5
Forks: 90
Open Issues: 66
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md

Lists

awesome-stars - intuit/design-systems-cli - A CLI toolbox for creating design systems. (TypeScript)
awesome-stars - design-systems-cli
awesome-stars - intuit/design-systems-cli - A CLI toolbox for creating design systems. (TypeScript)
awesome-stars - intuit/design-systems-cli - A CLI toolbox for creating design systems. (hacktoberfest)

README

        


  

  


  
A CLI toolbox for creating design systems in minutes


  
Uses: Typescript, CSS, styled-components support

  Outputs: CJS and MJS

  No tooling configuration required




















## Overview

Design-systems-cli is basically a [Create React App](https://github.com/facebook/create-react-app) for design systems.

The main benefit it brings you as a developer is time savings. Setting up all of the monorepo, [storybook](https://storybook.js.org/), and build tools for a design system takes over a week if you piece it together yourself. You can do it with this project in minutes.

### Features

:star: Scaffold components and entire design systems

:star: Build your components for multiple outputs (cjs and esm)

:star: Write styles with styled-components or css-modules

:star: Craft excellent components using Storybook

:star: Let component consumer try your components with playroom

:star: Testing and linting support

:star: Typescript supported out of the box

:star: Track the size of your components and debug the changes

For the full documentation, go [here](https://intuit.github.io/design-systems-cli/#).

## Installation

Ensure you have the following softwares installed:

* `Node >= 10.18.1` - [Installation guide](https://nodejs.org/en/download/)

* `Yarn` - [Installation guide](https://classic.yarnpkg.com/en/docs/install)

If node-gyp throws errors during installation, installation may still be successful

### To get started:

To get set up, fork and clone the project then run the following command:

```sh

yarn && yarn start

```

### Creating a new Plugin

To scaffold a new plugin inside this repo run the following command:

```sh

yarn run create:plugin "my plugin"

```

## Contributing

Feel free to open an [issue](https://github.com/intuit/design-systems-cli/issues) or a [pull request](https://github.com/intuit/design-systems-cli/pulls)!

Make sure to read our [code of conduct](./CODE_OF_CONDUCT.md).

We actively welcome pull requests. Learn how to [contribute](./CONTRIBUTING.md).

## Contributors ✨

Thank you to all these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
_{Adam Dierkens}
💻 🎨 🤔 📖 ⚠️

    
_{Andrew Lisowski}
💻 🎨 📖 🤔 🚇 ⚠️

    
_{Tyler Krupicka}
💻 📖 ⚠️

    
_{Kendall Gassner}
💻 📖 ⚠️

    
_{Kelly Harrop}
🎨

    
_{Peter Mikitsh}
📖

    
_{WhiteSource Renovate}
💻 ⚠️

  

  

    
_mishavp2001
💻

    
_{Raj Vasikarla}
💻 📖 ⚠️

    
_{Brandon Orther}
📖 💻

    
_alan-cruz2
💻

    
_hainessss
💻

    
_{Athitya Kumar}
💻

    
_{Jason Rundell (he/him)}
📖 ⚠️ 💻

  

  

    
_Reuben
📖

    
_my99N
📖 ⚠️ 💻

    
_anjaliguptaz
📖

    
_chaopan
⚠️

    
_{Talor Anderson}
💻 📖 ⚠️

    
_{Spencer Hamm}
💻 📖 ⚠️

    
_{Adil Malik}
⚠️

  

  

    
_{Salil Cuncoliencar}
📖 ⚠️ 💻

    
_{Gaurav Kesarwani}
📖 ⚠️ 💻

    
_{Nicolas Hoizey}
📖

    
_{Harris Borawski}
💻

    
_{Sean Powell}
💻

    
_melindali255
📖 ⚠️ 💻

    
_{Yucho Ho}
💻

  

  

    
_{Jeremiah Zucker}
⚠️

    
_{Abd El-Ghazali}
📖 💻

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!