# Install and Use

## Clone our git repo first

Run this command to clone 

<pre class="language-sh"><code class="lang-sh"><strong>$ git clone https://github.com/rudransh61/NextGenCSS-.git
</strong></code></pre>

&#x20;Install all packages <mark style="background-color:red;">NOTE : - Node.js must be installed before all</mark>&#x20;

```sh
$ npm install
```

## To change the name of utility

Open the file in <mark style="color:red;">`/src/syntax`</mark> directory named as `_syntax.scss`

Change the key with your syntax for example :-

```scss
$syntax : (
  ...other code
  padding : "my-padding", // Your syntax
  ..other code
); 
```

And at last

## Build your css file&#x20;

Run the `./build.sh` file to build minified CSS&#x20;

```sh
$ ./build.sh
```

If you want to use the existing CSS syntax click [here](https://nextgencss.gitbook.io/untitled/installation/set-up)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://nextgencss.gitbook.io/untitled/installation/install-and-use.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.