Built an MCP extension that lets AI coding agents create visual artifacts directly in your IDE

Description and use

The MCP extension lets AI agents generate visual artifacts directly in the IDE, integrating with Cursor, Codex, and GitHub Copilot.

Problem

Developers need a way to generate visual artifacts such as plans, workarounds, and designs directly within their IDE while using AI coding agents.

Outcome

The extension enables developers to generate visual artifacts directly within VS Code, improving workflow efficiency and reducing context switching.

Workflow

• Install the MCP extension in VS Code
• Configure the extension to connect with Cursor, Codex, or GitHub Copilot
• Invoke the AI agent to generate a visual artifact (e.g., a diagram or design sketch)
• The extension renders the artifact inline in the editor
• Save or export the artifact as needed

Evidence

This extension lets your AI agent create artifacts for plans, workarounds and designs in Cursor, Codex and GitHub Copilot

Source

Built an MCP extension that lets AI coding agents create visual artifacts directly in your IDE

Source