# Your first project

* [Creating your first project](#creating-your-first-project)
* [Getting started](#getting-started)
* [Iterative chat](#iterative-chat)
* [Code Editor](#code-editor)
* [Terminal](#terminal)
* [Deployment and Download as ZIP](#using-the-code-deployment-and-download)
* [Rules](#rules)

### Creating your first project

Checkout our [Quickstart Page](https://alphadocs.dualite.dev/getting-started/quickstart) to learn how to create your first project with Dualite.

### Getting started

There are several ways to get started with Dualite

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2F6Etpz58YeTfJmbmW4gEy%2FScreenshot%202025-11-25%20at%202.51.33%E2%80%AFPM.png?alt=media&#x26;token=34ec3b9a-967f-46aa-a59a-da0ec9637173" alt=""><figcaption></figcaption></figure>

* Prompting: Just describe what you want to build in the prompt box. The more specific you are, the better the results. Start with clear and detailed prompts. We also have a Prompt Enhancer ("Enhance" button) at the bottom-left to optimise your prompts for better results
* Templates: Dualite provides templates for quick setup on popular projects like eCommerce Landing Pages. Once a template loads, use prompts to customise features, add new elements, or refine the design to fit your vision.
* Integrating AI: You can integrate state-of-the-art models like OpenAI, Gemini. Read more about it here
* Importing your Figma designs: Simply select the Import from Figma button, copy the Figma URL. Dualite will be then able to convert that Figma design to code. Read more on this [here](https://alphadocs.dualite.dev/integrations/figma)
* Integrating custom APIs: You can integrate REST APIs by either copy-pasting your OpenAI specification or we can build a dummy API for you. Read more on this [here](https://alphadocs.dualite.dev/integrations/apis)
* References and Screenshots: You can add screenshots and paper-pen based mock-ups to start off&#x20;

{% hint style="info" %}
If you're unsure of how to write the correct prompt, go through [Prompting Techniques](https://alphadocs.dualite.dev/prompting)
{% endhint %}

### Iterative chat

After describing what you want to build at first, you can keep iterative and developing on top of it through the iterative chat functionality.

You can keep on building on top with concise prompts and adding context like Figma designs or screenshots for the "next" screen, or integrating API post generation of the UI

<div data-full-width="true"><figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2F5XP0KCkuLuAWVZIw0vfp%2FScreenshot%202025-11-25%20at%203.57.31%E2%80%AFPM.png?alt=media&#x26;token=4b4dac7f-da1b-4799-9442-bf162ee94a4c" alt=""><figcaption></figcaption></figure></div>

### Code Editor

You can switch from Preview to the Code Editor by clicking on "Code" mode by clicking on the top center toggle.&#x20;

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2FjkcXcHUcxKYBAXlbt4EU%2FCode%20toggle.png?alt=media&#x26;token=ee677978-98cd-47de-a960-9a609f72e0ff" alt=""><figcaption></figcaption></figure>

You can modify code through two ways:

* Manually: you can directly edit the code in the specific file you want to change right in the editor, and click on "Save"
* Prompting: You can type in the Iterative Chat on what needs to be modified.&#x20;

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2FJgSF7UHKSq6cictd0c2Y%2FFrame%201321315359.png?alt=media&#x26;token=12deeaab-927d-4119-b1d2-bc0289cb4a3d" alt=""><figcaption></figcaption></figure>

### Terminal

You can also access the terminal in the code editor by clicking on the terminal icon at the top right icon in the code editor. You can use this for commands like *npm run dev* or *npm install*

### Publish and Download

You can download the code as ZIP or Publish it on the Internet, whatever you seem fit.&#x20;

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2FuGQvMsEvjahzoAhWuEzo%2Fpublishanddownload.png?alt=media&#x26;token=196b8739-7e87-473a-afae-88f73b0a36ba" alt=""><figcaption></figcaption></figure>

### Rules

You can now define project rules before starting a chat. Rules serve as the blueprint for your project before initiating it, helping structure your core principles around design, code and functionality and objectives all in one place and helping Dualite know here to put the "constraints"

These rules will be temporarily stored and applied once you start a chat. If you wish to remove them, simply delete the content.

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2FSwJq13hrbHXD9uo60Vp5%2FProject%20Rules.png?alt=media&#x26;token=d83eda2c-e0d1-4ac6-8b8f-56426dd88222" alt=""><figcaption></figcaption></figure>


---

# 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://alphadocs.dualite.dev/user-guide/first-project.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.