> ## Documentation Index
> Fetch the complete documentation index at: https://docs.commonality.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

Commonality is designed to be incrementally adoptable and work alongside your existing workflows.

This guide will get you set up in a few seconds and show you how to leverage Commonality to structure your existing JavaScript projects.

<Steps>
  <Step title="Install Commonality">
    Running the `init` command will quickly get you up and running in any existing JavaScript project.

    This command will:

    1. Install `commonality` at the root of your project
    2. Install and configure checks that benefit most multi-package projects from [commonality-checks-recommended](https://github.com/commonalityco/commonality/tree/main/packages/commonality-checks-recommended) (optional)

    ```bash theme={null}
    npx commonality@latest init
    ```
  </Step>

  <Step title="Run your first checks">
    Checks ensure that packages in your project conform to a set of rules.

    Try running the command below to view the status of the checks we've set up for you.

    ```bash theme={null}
    npx commonality check
    ```

    <Frame>
      <img src="https://mintcdn.com/commonality/BxL1sqZ47GBpRwVo/images/checks.gif?s=fb76da3cd8657103af7d9e20b25c43ba" width="1152" height="720" data-path="images/checks.gif" />
    </Frame>

    You'll see the status of the checks run against all packages in your project.

    Checks are also auto-fixable with a single keypress, making it easy to adhere to the best practices your team has created.
  </Step>

  <Step title="Open Commonality Studio">
    You can view your project's dependency graph, edit tags for packages, and more in Commonality Studio.

    Run Commonality Studio with the following command:

    ```bash theme={null}
    npx commonality studio
    ```

    <Frame>
      <img src="https://mintcdn.com/commonality/BxL1sqZ47GBpRwVo/images/studio-dark.png?fit=max&auto=format&n=BxL1sqZ47GBpRwVo&q=85&s=9aa917293c56ea42b665bed557fb6b92" width="3410" height="2040" data-path="images/studio-dark.png" />
    </Frame>
  </Step>

  <Step title="Next steps">
    Commonality is designed to be incrementally adoptable and work alongside your existing workflows and tools.

    Explore our other features to get even more out of Commonality:

    <CardGroup cols={1}>
      <Card title="Categorize packages in your project with tags" href="/tags" icon="tags" />

      <Card title="Structure your dependency graph with constraints" href="/constraints/introduction" icon="diagram-project" />

      <Card title="Create checks customized to your workflows and tools" href="/checks/introduction" icon="box-check" />
    </CardGroup>
  </Step>
</Steps>