Issue #170 (Vision (Image) Support in Copilot Chat)07/23/25
|
|
All the course material is free, while being ad supported, and you can also optionally purchase diplomas and certificates. All courses are CPD accredited and you'll have access to different career development tools and other resources.
|
|
Earlier this year, VS Code added Vision support in Copilot Chat, which means you can upload images in different formats to Copilot and you can ask Copilot to interact with the image in the chat.
You can drag images from your explorer (or from your OS's file system) directly into the chat panel:
In the above example, I've dragged my newsletter's logo into the chat, which is a PNG file used as an icon. Below I've asked Copilot Chat to recreate the image using pure CSS:
In this instance, the results weren't the best, but it was a decent starting point. You also have the option to paste an image from your clipboard or use the "Add Context" button (paper clip icon) in the chat window, which brings up different command options including "Screenshot Window":
You can even drag and drop an image directly from an external web browser, with support for .jpg, .png, .gif, .webp, or .bmp file types. And apparently there is a proposed API which allows extension authors to interact with this feature.
Now on to this week's hand-picked links!
|
|
|
VS Code Tools
|
Flyde — A VS Code extension that offers an enterprise-ready, holistic solution for prototyping, integrating, evaluating and iterating on AI-heavy backend logic, directly in your codebase.
SweetPad — A VS Code extension for Swift developers, built on top of the Xcode CLI tools, that allows you to build and run your Xcode projects for iOS, macOS, and watchOS applications in VS Code.
Brain Food, Delivered Daily — Every day the team at Refind analyzes thousands of articles and sends you only the best, tailored to your interests. Loved by 540,000+ curious minds. Sponsor
TraceBack — A VS Code extension that brings telemetry data (traces, logs, and metrics) into your code.
|
VS Code Theme of the Week
|
Ice Theme — Described as a "refreshingly cool" theme that's "designed for developers who appreciate clarity and elegance", this is a nice crisp theme that has two variations included in the extension.
The version shown above is the default "ice" version, which has a few more greens, while the alternate "blaze" version has a little more pink in it. The differences are small though so the two versions are quite similar.
|
|
|
| |
|
|
VS Code Articles & Videos
|
|
|
|
|
Best of the Rest
|
LLM Prompts and AI IDE Setup — Some content and resources for supporting more accurate code generation for Angular and LLMs.
Adam Wathan on Zed — A brief X thread by Tailwind creator Adam Wathan describing his experience with the increasingly popular Zed editor. If you're considering trying out Zed, this might offer some incentive.
Web Tools Weekly — A weekly newsletter featuring tools, plugins, scripts and other useful apps for JavaScript, CSS, SVG, AI, React, Vue.js, mobile development, and lots more. Sponsor
VimLM — An AI-powered coding assistant for Vim and Neovim, allowing you to maintain focus with keyboard-driven interactions while leveraging AI for code generation, refactoring, and documentation.
If you have any link suggestions, including a tool, article, or other resource related to VS Code or another IDE, you can hit reply, send it via DM on X, or via chat on Bluesky.
That's it for this issue.
Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
|
|
|
