Getting Started

Quick Start

Go from a blank account to a live preview of your first project in about ten minutes. You don't need to know how to code — you just need an idea.

1. 1

   Create your account

   Head to sign-up and create your LiTTree LabStudios account. This gives you access to Studio, projects, and the marketplace.
2. 2

   Open Studio

   After signing in, open Studio. This is your workspace: LiTT chat on the left, the project workspace in the center, and tools on the right.
3. 3

   Create or select a project

   Start a new project from a template (a website template is the fastest way to see results) or start blank. Your project gets its own workspace — files, a preview runtime, and a terminal session. The active project is the one everything in Studio follows.
4. 4

   Tell LiTT what to build

   Type your idea into the chat in plain language. Be specific about what it is and who it's for — LiTT turns that into a plan and starts building.

   “Build me a landing page for my bakery, "Crumb & Craft". Warm colors, a hero with our sourdough, a menu section, and a contact form.”

5. 5

   Inspect the files

   Open the Files panel to see what LiTT created — real files like index.html, stylesheets, and scripts. Switch to the Code tab to read and review them. Nothing is hidden: every edit LiTT makes is visible in your project.
6. 6

   Preview the project

   Switch to the Preview tab. LiTT starts a live preview of your project automatically — this is your actual project running, not a mockup. Click through it the way a visitor would.
7. 7

   Iterate through chat

   See something to change? Just say so. Each round goes through build → verify → preview until it looks right.

   “Change the hero headline to "Baked at dawn, gone by noon" and make the order button bigger.”

8. 8

   Use the terminal when you need it

   Open the Terminal panel any time you want to run a command yourself — installing a package, checking a build, or inspecting files. LiTT uses the same terminal for its own work, so you always see what ran.
9. 9

   Deploy it

   Happy with the preview? Use the Deploy action in Studio to prepare the project to go live. Deployment is a deliberate step and may ask for your approval first — nothing ships without you saying so.
10. 10

    Verify the result

    Open the live URL, click through the site, and confirm everything works. If something's off, go back to chat — “the contact form doesn't submit” — and iterate again. That loop is the whole product.

Tips for your first project

Prefer the command line?

The same workflow works from your terminal with the LiTT CLI:

npm install -g @litlabs1/litt-cli
litt login
litt doctor

Full command reference in Installation & Commands.

What's next

Now that you've shipped once, learn the workspace in depth with the Studio Guide, or see real example prompts in Building with LiTT.