./Canvas Design

Enables Claude to create visual art and designs in PNG and PDF formats using canvas-based rendering. Supports shapes, gradients, typography, and complex compositions for graphics, diagrams, and illustrations.

anthropics
Creative & Design
41,798
Python
41.8k
Stars
3.8k
Forks
41.8k
Watch

>About this Skill

What is the Canvas Design Skill?

The Canvas Design skill empowers Claude Code to create visual graphics, diagrams, and illustrations using canvas-based rendering. Generate PNG and PDF outputs with precise control over shapes, colors, typography, and composition.

Key Features

  • Draw shapes, paths, and complex geometries
  • Apply gradients, patterns, and color effects
  • Render typography with custom fonts and styles
  • Create layered compositions and designs
  • Export to PNG and PDF formats
  • Build diagrams and technical illustrations

Use Cases

  • Diagram Creation: Generate flowcharts, architecture diagrams, and schematics
  • Social Graphics: Create images for social media posts and marketing
  • Technical Illustrations: Build precise technical drawings and documentation graphics
  • Brand Assets: Generate logos, icons, and brand elements

How to Get Started

Install the Canvas Design skill to start creating graphics programmatically. The skill provides drawing primitives and composition tools for building complex visual designs from simple commands.

Why Use This Skill?

Visual content creation traditionally requires specialized design software and skills. The Canvas Design skill enables programmatic graphic generation, making it possible to automate image creation, maintain consistency, and generate visuals at scale. Perfect for teams needing consistent graphics without dedicated design resources.

>Technical Details

Language
Python
Created
Sep 22, 2025
Updated
Jan 15, 2026
install.sh

Clone the repository to your local machine

$git clone https://github.com/anthropics/skills.git && cd skills/skills/canvas-design