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

# 最佳实践

> 了解如何通过截图、参考链接和可视化编辑更准确地构建应用，并避开常见问题。

## 用图片构建应用

你可以在对话中上传图片、通过 Visual Editing 替换图片，或使用外部图片 URL 添加素材。这样能让应用 UI 更贴近参考图，也能让界面风格方向更清晰。

**在对话中上传图片**

<Columns cols={2}>
  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260616/2b436ff9-59d5-47e9-9d95-6ecbc04e7df7.webp" alt="通过图片构建应用" />
  </Frame>

  <Frame>
    <img src="https://assets.staticmeow.com/meowgic/static/images/20260616/494c1b74-b4bb-48d3-8104-b1146dea8dc6.webp" alt="通过图片构建应用" />
  </Frame>
</Columns>

**使用外部图片 URL**

你也可以通过外部 URL 引用图片到项目中。该方式适合使用 Unsplash、Imgur 或其他图床平台上的素材。请注意素材版权与授权范围。

## 用参考链接构建应用

添加参考链接可以帮助 Agent 更准确理解你的目标，以及你希望达到的最终效果。