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

# Best practices

> Learn how to use screenshots, reference product links, and visual editing to build apps more accurately and avoid common mistakes.

## Create apps with images

Upload images to the chat, replace images through Visual Editing, or add images using external URLs. This helps make your app UI closer to the reference screenshots and gives the UI a more concrete, visual direction.

**Upload the image to the prompt chat**

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260616/2b436ff9-59d5-47e9-9d95-6ecbc04e7df7.webp" alt="Create apps with images" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260616/494c1b74-b4bb-48d3-8104-b1146dea8dc6.webp" alt="Create apps with images" />
  </Frame>
</Columns>

**Using an external image URL**

One way to add images to your project is by referencing an image from an external URL. This method allows you to use images hosted on external platforms like Unsplash, Imgur, or any other image-hosting service. Be mindful of use copyrights!

## Create apps with link

Add your reference links to help the Agent understand your purpose and the final result you want to achieve.