๐ŸŽฏ

canvas-design

๐ŸŽฏSkill

from anthropics/skills

VibeIndex|
What it does
|

Generates professional design layouts, creates interactive graphics, and produces scalable vector illustrations for web and print projects using HTML5 Canvas.

Overview

An official Anthropic skill that enables Claude Code to generate professional design layouts, interactive graphics, and scalable vector illustrations using HTML5 Canvas. It provides capabilities for creating visual content for both web and print projects directly within the coding environment.

Key Features

  • Professional design layout generation using HTML5 Canvas
  • Interactive graphics and animation creation
  • Scalable vector illustration production
  • Web and print-ready visual content output
  • Design prototyping directly in Claude Code

Who is this for?

Developers and designers who want to create visual content, graphics, and design prototypes through Claude Code. Ideal for web developers building interactive visualizations, teams creating design mockups, or anyone needing programmatic graphic generation.

๐Ÿ“ฆ

Same repository

anthropics/skills(21 items)

canvas-design

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add anthropics/skills --skill canvas-design
skills.sh Installโš  Installs to .agents/skills/
npx skills add anthropics/skills --skill canvas-design
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/canvas-design/SKILL.md

SKILL.md

86,542Installs
62,043
-
AddedJan 31, 2026

More from this repository10

๐ŸŽฏ
frontend-design๐ŸŽฏSkill

Anthropic official skill for creating distinctive, production-grade frontend interfaces with bold aesthetic direction and unique typography. Generates working code (HTML/CSS/JS, React, Vue) that is visually striking, avoiding generic AI aesthetics.

๐ŸŽฏ
skill-creator๐ŸŽฏSkill

Generates structured, production-ready code skills with comprehensive documentation, best practices, and modular design for Claude AI interactions.

๐ŸŽฏ
pptx๐ŸŽฏSkill

Generates, modifies, and analyzes PowerPoint presentations with advanced capabilities for slide creation, editing, and content extraction.

๐Ÿ”Œ
example-skills๐Ÿ”ŒPlugin

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

๐Ÿ”Œ
document-skills๐Ÿ”ŒPlugin

Collection of document processing suite including Excel, Word, PowerPoint, and PDF capabilities

๐ŸŽฏ
pdf๐ŸŽฏSkill

Extracts, parses, and analyzes PDF documents, enabling text extraction, metadata retrieval, and content processing across multiple file formats.

๐ŸŽฏ
docx๐ŸŽฏSkill

Reads, writes, and manipulates Microsoft Word documents, extracting text, modifying content, and converting between formats with precision.

๐ŸŽฏ
xlsx๐ŸŽฏSkill

Parses, analyzes, and transforms Excel spreadsheets with advanced data extraction, filtering, and conversion capabilities

๐ŸŽฏ
webapp-testing๐ŸŽฏSkill

Automates comprehensive web application testing with robust test case generation, browser simulation, and performance analysis across different environments.

๐Ÿช
anthropics-skills๐ŸชMarketplace

Public repository for Agent Skills