docs: add assets

Author: joaoviana

guides/ai-agents.mdx

@@ -14,6 +14,10 @@ title: "AI agents"
 
 Lightdash AI agents transform the way you interact with your data by allowing you to ask questions in natural language and get answers back. Whether you're exploring data in Lightdash or collaborating with your team in Slack, AI agents make data analysis as simple as having a conversation.
 
+<Frame>
+  <img src="/images/guides/ai-agent-chat-intro.png" alt="" />
+</Frame>
+
 AI agents automatically select the most relevant data models and metrics to answer your questions, build and execute queries with appropriate dimensions, metrics, and filters, and present results in the most insightful format.
 
 <Info>
@@ -29,6 +33,10 @@ Getting started with AI agents is simple - you can begin using them right away o
 
 ### Creating your first AI agent
 
+<Frame>
+  <img src="/images/guides/ai-agent-create.png" alt="" />
+</Frame>
+
 1. **Find the "Ask AI" button** in your project - this will be your entry point to AI agents
 2. **Create a new agent** (only admins and developers can create new AI agents)
 3. **Configure your agent:**
@@ -37,10 +45,12 @@ Getting started with AI agents is simple - you can begin using them right away o
    - **Instructions (optional)** - Provide context about your models, tables, or specific use cases to help the AI give more relevant responses
    - **Tags (optional)** - Use tags to control which metrics and dimensions the agent can access
 
-   [ADD SCREENSHOT]
-
 Once set up, you can start asking questions immediately! Try asking "What kind of data can you access?" to get started.
 
+<Frame>
+  <img src="/images/guides/ai-agent-chat-intro-response.png" alt="" />
+</Frame>
+
 ## What it can do
 
 ### Core capabilities
@@ -61,14 +71,19 @@ Connect your AI agents to Slack for collaborative data analysis and team-wide in
 1. Select or create an AI agent in your Lightdash instance
 2. Add the Slack integration in your organization settings
 3. Under 'Integrations', add the channel you want to use
-   [ADD SCREENSHOT]
+   {" "}
+   <Frame>
+     <img src="/images/guides/ai-agent-set-slack-channel.png" alt="" />
+   </Frame>
 4. Tag your **Slack App** in the channel you want to use
 5. Start asking questions like "What kind of data can you access?" or "Show me total order amount over time"
 6. Get instant results directly in Slack
 
 You can also summon the bot on a thread to continue the conversation. In order for the bot to be able to respond, you need enable this context sharing in your Lightdash Integrations settings.
 
-[ADD SCREENSHOT]
+<Frame>
+  <img src="/images/guides/ai-agent-slack-thread-consent.png" alt="" />
+</Frame>
 
 ## Best practices