Canvas Design
A visual design creation system for producing museum-quality artwork in PNG and PDF formats, using established design philosophy to create original compositions that appear meticulously crafted.
Install
/plugin marketplace add anthropics/skillsThen run /plugin to install the skill set that includes it. In Claude.ai and the Claude app, Anthropic skills are built in: turn them on in Settings → Capabilities.
npx skills add anthropics/skills --skill canvas-designgit clone --depth 1 https://github.com/anthropics/skills.git /tmp/skills
mkdir -p ~/.claude/skills
cp -r /tmp/skills/skills/canvas-design ~/.claude/skills/canvas-designPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
What this skill does
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
Trigger phrases
Claude loads this skill automatically when you say things like:
How it works
- Develop a design philosophy (aesthetic movement framework) expressed through form, space, color, and composition
- Translate the philosophy into a visual artifact (PDF or PNG)
- Use visual-first communication where information lives in design elements
- Apply sparse typography where text functions as visual accent
When to use it
- When users request posters, art pieces, or static visual work
- When creating museum-quality visual artifacts
- When professional design quality is required
Best practices
- Treat design as fine art rather than decoration
- Use refined minimalism with proper breathing room
- Ensure nothing overlaps and all elements have space
From the SKILL.md
These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files. Complete this in two steps: 1. Design Philosophy Creation (.md file) 2. Express by creating it on a canvas (.pdf file or .png file) First, undertake this task: ## DESIGN PHILOSOPHY CREATION To begin, create a VISUAL PHILOSOPHY (not layouts or templates) that will be interpreted through: - Form, space, color, composition - Images, graphics, shapes, patterns - Minimal text as visual accent ### THE CRITICAL UNDERSTANDING - What is received: Some subtle input or instructions by the user that should be taken into account, but used as a foundation; it should not constrain creative freedom. - What is created: A design philosophy/aesthetic movement. - What happens next: Then, the same version receives the philosophy and EXPRESSES IT VISUALLY - creating artifacts that are 90% visual design, 10% essential text. Consider this approach: - Write a manifesto for an art movement - The next phase involves making the artwork The philosophy must emphasize: Visual expression. Spatial communication. Artistic interpretation. Minimal words. ### HOW TO GENERATE A VISUAL PHILOSOPHY **Name the movement** (1-2 words): "Brutalist Joy" / "Chromatic Silence" / "Metabolist Dreams" **Articulate the philosophy** (4-6 paragraphs - concise but complete): To capture the VISUAL essence, express how the philosophy manifests through:
Details
- Skill name
canvas-design- Repository
- anthropics/skills
- Path
skills/canvas-design/SKILL.md
FAQ
What does the Canvas Design skill do?
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
How do I install the Canvas Design skill?
Claude Code plugin: /plugin marketplace add anthropics/skills. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Related skills
Algorithmic Art
anthropics/skills
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Brand Guidelines
anthropics/skills
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Doc Co-authoring
anthropics/skills
Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers.
Frontend Design
anthropics/skills
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Theme Factory
anthropics/skills
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
Web Artifacts Builder
anthropics/skills
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.