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

# How to build your first project

> Your first website or app, built today

You describe what you want in plain language, and Macaly builds it for you. Think of it like texting a very skilled developer who works instantly.

<iframe width="100%" height="420" src="https://www.youtube.com/embed/videoseries?list=PL_6FnllPMh1G-XbXlylnuEJk9yUGBGEHn" title="Macaly tutorials" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## Before you start

You don't need a detailed plan. But if you're not sure where to begin, these are great first projects:

<CardGroup cols={2}>
  <Card title="Landing page" icon="browser">
    Simple, focused, fast to build. Perfect for testing an idea.
  </Card>

  <Card title="Personal portfolio" icon="user">
    A few pages about you, your work, and how to get in touch.
  </Card>

  <Card title="Business website" icon="building">
    Home, about, services, contact. A solid starting structure.
  </Card>

  <Card title="Internal dashboard" icon="table-columns">
    A simple tool for your team to track tasks or display data.
  </Card>
</CardGroup>

**What to have ready:**

* A short description of what your site is about (one sentence is enough)
* Your logo, if you have one
* Brand colors, or a reference website you like the look of

<Note>
  Don't overthink it. Everything can be changed later, so your first version doesn't need to be perfect.
</Note>

## Build your first project

<Steps>
  <Step title="Open Macaly and start a new project">
    Sign in at [macaly.com](https://www.macaly.com/). The prompt input is front and center on the home screen.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_01.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=a5862e0e462ab210eb18f1cad269d7b1" alt="Starting New Chat" width="1500" height="1000" data-path="images/guides_first-project_01.png" />
  </Step>

  <Step title="Describe what you want to build">
    Tell Macaly what you have in mind, the same way you'd explain it to a friend. Any language works.

    If you have materials ready (a logo, brand guidelines, a PDF with content), attach them straight away. The more context Macaly has from the start, the better the first result.
  </Step>

  <Step title="Wait for the agent to finish">
    Macaly starts building right away. It may ask a question or two along the way if something needs clarifying.

    The first version can take up to a few minutes. You'll see updates in the chat as the agent works.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_02.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=27c4c4e309eee0cd13430043d516eaec" alt="Agent plan" width="1500" height="1000" data-path="images/guides_first-project_02.png" />
  </Step>

  <Step title="Review the result">
    Check the preview on the right. Look at the layout, text, images, and overall feel. Use the device toggle above the preview to instantly see how your site looks on mobile, tablet, and desktop.

    It won't be perfect on the first try, and that's completely normal. Keep refining by sending follow-up messages in the chat, or use the <Tooltip headline="Visual edits" tip="Use the toolbar over your preview to edit an element directly, rewrite text in place, or mark what you mean." cta="Learn about Visual edits" href="/docs/en/features/visual-edits">toolbar over your preview</Tooltip> to make precise changes directly on the page.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_03.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=4b655dc218595353d9741bba7e8ec71e" alt="Review result" width="1500" height="1000" data-path="images/guides_first-project_03.png" />
  </Step>
</Steps>

## How to talk to Macaly

Talk to Macaly like a friend. No commands, no technical terms. Just say what you want.

Start with something concrete:

```
I want to create a website for my café called Dusk. It's a small,
cozy place in Prague. Great coffee, homemade pastries, live jazz
on weekends. Warm colors, lots of food photography.
```

Then keep the conversation going. Each message builds on what was already built:

```
I found a site I really like the vibe of: https://example.com
Can we do something similar for the homepage?
```

```
Swap the Google Maps reviews for a photo gallery.
```

```
Can you add a menu section? I have our full menu as a PDF,
I'll upload it. Can you pull the items and prices from it?
```

Macaly keeps the full context of your project throughout the conversation, so it never loses track of what you've already built.

### A few tips

* **Better results start with context.** Share a reference site, upload your logo, or explain who the site is for. The more Macaly knows, the better the output.

* **Describe the result, not the steps.** Focus on what you want it to look or feel like. Macaly figures out the how.

* **Send one request at a time.** Focused messages get better results than long lists. If you have several changes in mind, send them one by one and Macaly will work through them in order.

* **Ask before you build.** Not sure if something is possible? Just ask. Macaly can walk you through the options before any work begins.

* **Say what's off, not just that it's wrong.** "The font feels too formal" gives Macaly something concrete to work with. "Try again" doesn't.

## When something goes wrong

Something not looking right? That's completely normal, especially early on. Here's what to do:

* **Ask the agent to undo it.** Describe what changed and say you want it reverted. Works best when just one thing went wrong.
* **Restore a previous version.** If several things went sideways at once, restoring is faster than undoing step by step. Each agent response has a "Restore this version" button. Click it to roll back to that point.
* **Edit a previous prompt.** Go back to any earlier message and edit it. Macaly rewinds the project to that moment and rebuilds it from your updated prompt.
* **Start from a safe copy.** Before making big changes, click "Duplicate" under any message. That way you always have a fallback to return to.
