User Guide

Here's an extensive user guide for Dualite Alpha

• Creating your first project

• Getting started

• Iterative chat

• Code Editor

• Terminal

• Deployment and Download as ZIP

• Rules

Creating your first project

To get started, click on the access link provided in your email to get started.

Getting started

There are several ways to get started with Dualite

• 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. You can refine and adjust your project as you go. Example: “Create a wedding event management platform with Kanban and financial tracker.”

• Templates: Alpha provides templates for quick setup on popular projects like dashboards, e-commerce sites, and social apps. Once a template loads, use prompts to customise features, add new elements, or refine the design to fit your vision.

• Using Figma: 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
• Integrating 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
• References and Screenshots: You can add screenshots and paper-pen based mock-ups to start off

If you're unsure of how to write the correct prompt, go through Prompting Techniques

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

Code Editor

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

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.

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

Using the code: Deployment and Download

You can download the code as ZIP or deploy with Netlify, whatever you seem fit.

(privacy and user data infra netlify)

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 Alpha 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.