Kazo Design MCP - Visual Communication Tool for AI Assistants

Show AI What You Want to Build

Create quick sketches and mockups to visually express your design intentions to AI assistants like GitHub Copilot. Powered by a high-performance C# (.NET 10 Blazor WASM) drawing engine, with automatic export to SVG and rich Markdown documentation.

Key Features

Hybrid Architecture

The power of .NET 10 Blazor for drawing, the fluidity of TypeScript for VS Code integration.

Native SVG Format

Designs are pure SVG files. No proprietary format, easily editable and versionable.

Automatic Documentation

Each design generates a companion Markdown file including the AI prompt and JSON metadata.

MCP & Copilot Integration

Use natural language to ask AI to generate or modify your system architectures.

MCP Tools for AI Assistants

Kazo Design provides a suite of MCP tools that AI assistants can use to interact with users, enabling rich visual and interactive communication.

🎨

Request Sketch

#kazo_sketch

Ask the user to create a visual sketch or mockup. Opens the Kazo Design editor and returns SVG/JSON data.

📋

Select Option

#kazo_select

Present a list of options for the user to choose from. Supports multiple selection and sketch replies.

✏️

Request Text

#kazo_text

Ask the user to enter custom text via an input dialog. Supports placeholders and password mode.

📁

Select File

#kazo_file

Ask user to select files or folders. Supports multiple selection and file type filters.

✅

Confirm Action

#kazo_confirm

Ask for Yes/No confirmation. Customizable button labels for different contexts.

ℹ️

Get Capabilities

#kazo_capabilities

Get information about Kazo Design features, available shapes, output formats, and all tools.

Built With Modern Technology

.NET 10 Blazor WebAssembly TypeScript Model Context Protocol (MCP)

Ready to Transform Your Workflow?

Available now on the VS Code Marketplace.

Install from VS Code Marketplace