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

# Prompting Replo

> Learn what Replo is good at and how to use it effectively

The way you ask shapes what you get. These Replo-specific techniques get you to the result you pictured in fewer rounds.

## Images

If you're trying to duplicate a specific layout from a reference, it's best to provide an image in Replo.

### Reference Images vs Content Images

If you're trying to create a section where you're providing the chat with an example image of how the layout should look, as well as images to embed into the layout (for example, hero images, product detail images, etc) then it's best to ask chat to directly use each one for its intended purpose.

For example:

> "Please recreate the section based on the reference layout in the first image. For the product feature, you can use the second image as a hero image inside the layout."

### Using Images to Refine Styling

If an edit doesn't land the way you pictured, a screenshot is the fastest way to show exactly what to change. Upload a capture of the current state and describe the difference.

For example:

> "The icons still need a border (see attached image, there's no border there yet). Add a 1px border around each icon."

## URLs

If you're trying to duplicate a specific layout from a reference, providing the exact URL is also a great way to get more accurate results.

You can prompt Replo to build a page or just a section from that URL.

**Here's how:**

<Tabs>
  <Tab title="Building a page">
    1. Copy the URL of the page you want to replicate or reference
    2. Use a prompt like:

    ```text theme={null}
    Build me this page exactly from [insert URL]. Include all sections,
    images, and text.

    ```

    3. Modify as needed with more prompts to customize design elements, such as:

    * `Change all text to match this copy: [insert text].`
    * `Replace all images with these URLs: [insert image URLs].`
    * `Update button colors to #000000 with rounded corners.`
    * `Make this button go to [insert URL].`
    * `Add an FAQ section that looks like this [insert image].`
    * `Rebrand this page to use my brand colors: [insert hex codes].`

    This is helpful for quickly replicating pages that are already performing well or building variations of existing pages to A/B test.
  </Tab>

  <Tab title="Building a section">
    1. Copy the URL of the page you want to replicate or reference
    2. Use a prompt like:

    ```text theme={null}
    Build me the [insert section name] section exactly from [insert URL].
    Include all design layout, images, and text in that section.
    Do not include content from any other part of the page.
    ```

    3. Modify as needed with more prompts to customize design elements, such as:

    * `Change all text to match this copy: [insert text].`
    * `Replace all images with these URLs: [insert image URLs].`
    * `Update button colors to #000000 with rounded corners.`
    * `Make this button go to [insert URL].`
    * `Add an FAQ accordion that looks like this [insert image].`
    * `Rebrand this section to use my brand colors: [insert hex codes].`

    This is helpful for quickly integrating sections from higher-converting pages into your own pages to A/B test variations.
  </Tab>
</Tabs>

## Undoing Changes

To roll back any change, use [Version History](/features/version-history). Every edit is saved as a version, so jumping back to the exact state you want is faster and more precise than describing the rollback in chat.

## Removing Content

If you want to remove a single element, for example if you want to delete a section or text, it's usually more accurate and faster to use [select mode](/features/edit-mode) rather than ask chat to do it.

## Use New Chats for New Context

A chat carries the full context of everything you've discussed in it, which is exactly what you want while iterating on one task. When you switch to an unrelated task, start a new chat: a clean thread keeps Replo focused on the current request instead of weighing it against everything that came before.