Canvas Design System

Claude Skill Official Verified

Design UI components, layouts, and visual elements using HTML Canvas. Create mockups, wireframes, and interactive design prototypes.

by Anthropic

★★★★★ 4.5/5 (380 reviews)
5.2kGitHub stars
72kinstalls
Updated 2026-01-20
designuiprototyping

Installation

Upload SKILL.md folder in Settings > Capabilities

Quick Start

"Design a modern dashboard layout with sidebar navigation and card grid"

Tools & Capabilities

design_component
create_layout
wireframe
prototype

Compatibility

Claude.ai Claude Code Claude API

About Canvas Design System

Design UI components, layouts, and visual elements using HTML Canvas. Create mockups, wireframes, and interactive design prototypes.

View on GitHub →

Language: SKILL.md

Category: Design & Creative

← Back to MCP Hub Directory