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

# Installing Aura

> Add Aura to a project, including the default setup that ships with Flows custom apps.

<Note>
  Aura is still in active development. Expect frequent updates. <p>An <Badge color="orange">In progress</Badge> badge means the topic is prioritized for development and sequencing. <Badge color="blue">v1.0.0</Badge>-style badges mark what is already stabilized.</p>
</Note>

Aura is installed automatically with Flows, but you can also use it independently in your project.

<Steps>
  <Step title="First time installation">
    Add Aura to your project with the following command: `npm add @cognite/aura`
  </Step>

  <Step title="Add skills">
    Add the Aura skills to your project with the following command: `npx @cognite/cli apps skills pull --skill design`
  </Step>

  <Step title="Update Aura">
    Update Aura to the latest version with the following command: `npm update @cognite/aura`
  </Step>
</Steps>

## Learn about Aura

<Columns cols={2}>
  <Card title="Foundations" icon="pen-tool" href="/aura-design-system/foundations/index">
    Foundations are the atomic visual styles and principles behind Aura. Open the overview to choose color, type, spacing, motion, and accessibility topics.
  </Card>

  <Card title="Primitives" icon="shapes" href="/aura-design-system/primitives/index">
    Reusable UI building blocks. The index links to usage guidance and alphabetical reference pages.
  </Card>

  <Card title="Patterns" icon="layout-dashboard">
    <Badge color="orange">In progress </Badge> \
    Patterns are the higher-level building blocks that are composed of primitives to support complex workflows.
  </Card>

  <Card title="Community and contributions" icon="users">
    <Badge color="orange">In progress </Badge> \
    Contribute to the Aura design system and get help from the community.
  </Card>
</Columns>