49 lines
1.4 KiB
Markdown
49 lines
1.4 KiB
Markdown
|
---
|
||
|
|
parent: Usage
|
||
|
|
nav_order: 700
|
||
|
|
description: Add images and web pages to the aider coding chat.
|
||
|
|
---
|
||
|
|
|
||
|
|
# Images & web pages
|
||
|
|
|
||
|
|
You can add images and URLs to the aider chat.
|
||
|
|
|
||
|
|
## Images
|
||
|
|
|
||
|
|
Aider supports working with image files for many vision-capable models
|
||
|
|
like GPT-4o and Claude 3.7 Sonnet.
|
||
|
|
Adding images to a chat can be helpful in many situations:
|
||
|
|
|
||
|
|
- Add screenshots of web pages or UIs that you want aider to build or modify.
|
||
|
|
- Show aider a mockup of a UI you want to build.
|
||
|
|
- Screenshot an error message that is otherwise hard to copy & paste as text.
|
||
|
|
- Etc.
|
||
|
|
|
||
|
|
You can add images to the chat just like you would
|
||
|
|
add any other file:
|
||
|
|
|
||
|
|
- Use `/add <image-filename>` from within the chat
|
||
|
|
- Use `/paste` to paste an image from your clipboard into the chat.
|
||
|
|
- Launch aider with image filenames on the command line: `aider <image-filename>` along with any other command line arguments you need.
|
||
|
|
|
||
|
|
## Web pages
|
||
|
|
|
||
|
|
Aider can scrape the text from URLs and add it to the chat.
|
||
|
|
This can be helpful to:
|
||
|
|
|
||
|
|
- Include documentation pages for less popular APIs.
|
||
|
|
- Include the latest docs for libraries or packages that are newer than the model's training cutoff date.
|
||
|
|
- Etc.
|
||
|
|
|
||
|
|
To add URLs to the chat:
|
||
|
|
|
||
|
|
- Use `/web <url>`
|
||
|
|
- Just paste the URL into the chat and aider will ask if you want to add it.
|
||
|
|
|
||
|
|
You can also scrape web pages from the command line to see the markdown version that aider produces:
|
||
|
|
|
||
|
|
|
||
|
|
```
|
||
|
|
python -m aider.scrape https://aider.chat/docs/usage/tips.html
|
||
|
|
```
|