Questions? hello@viberation.devGet supportBlogDocsChangelog
Get started

Canvas Design

Create posters and visual pieces as PNG or PDF.

Anthropic's skill for making visual work such as posters and art pieces, saved as .png or .pdf, guided by a design philosophy rather than a template.

Install this skill

npx skills add https://github.com/anthropics/skills --skill canvas-design

Runs the open-source skills CLI in your own terminal. It asks which agents to add the skill to. Read what it tells your agent to do before you install it.

Install for your agent

  • Claude Code

    Run this in your project

    npx skills add https://github.com/anthropics/skills --skill canvas-design -a claude-code

    Add -g to install it for every project instead.

    Or ask Claude Code to do it

    Install the "canvas-design" skill from https://github.com/anthropics/skills for Claude Code.
    Copy the skill folder (the one containing SKILL.md, with any scripts or reference files next to it) into .claude/skills/ in this project.
    Before copying, show me the SKILL.md and list any scripts it includes, and wait for me to confirm.

    Or copy the folder yourself

    Unzip the download into .claude/skills/ for this project, or ~/.claude/skills/ for all your projects.

    Picked up in the current session, no restart needed.

    Claude Code skills docs
  • Claude.ai

    Upload the ZIP

    1. In Settings > Capabilities, turn on Code execution and file creation.
    2. Go to Customize > Skills, press +, then Create skill.
    3. Choose Upload a skill and pick the ZIP you downloaded.

    Free, Pro and Max plans. On Team and Enterprise, an owner turns skills on in Organization settings first.

    Claude.ai skills docs
  • ChatGPT

    Upload the ZIP

    1. Open Skills in ChatGPT and select Create.
    2. Select Upload from your computer and pick the ZIP you downloaded.
    3. Wait for ChatGPT's safety scan. A skill marked Needs Review asks you to check it before use.

    Skills that rely on scripts or a terminal may not work unchanged in ChatGPT.

    ChatGPT skills docs
  • Codex

    Run this in your project

    npx skills add https://github.com/anthropics/skills --skill canvas-design -a codex

    Add -g to install it for every project instead.

    Or ask Codex to do it

    Install the "canvas-design" skill from https://github.com/anthropics/skills for Codex.
    Copy the skill folder (the one containing SKILL.md, with any scripts or reference files next to it) into .agents/skills/ in this project.
    Before copying, show me the SKILL.md and list any scripts it includes, and wait for me to confirm.

    Or copy the folder yourself

    Unzip the download into .agents/skills/ for this project, or ~/.agents/skills/ for all your projects.

    Restart Codex if the skill does not show up.

    Codex skills docs
  • Cursor

    Run this in your project

    npx skills add https://github.com/anthropics/skills --skill canvas-design -a cursor

    Add -g to install it for every project instead.

    Or ask Cursor to do it

    Install the "canvas-design" skill from https://github.com/anthropics/skills for Cursor.
    Copy the skill folder (the one containing SKILL.md, with any scripts or reference files next to it) into .cursor/skills/ in this project.
    Before copying, show me the SKILL.md and list any scripts it includes, and wait for me to confirm.

    Or copy the folder yourself

    Unzip the download into .cursor/skills/ for this project, or ~/.cursor/skills/ for all your projects.

    Run it by typing / and the skill name in chat.

    Cursor skills docs
  • GitHub Copilot

    Run this in your project

    npx skills add https://github.com/anthropics/skills --skill canvas-design -a github-copilot

    Add -g to install it for every project instead.

    Or ask GitHub Copilot to do it

    Install the "canvas-design" skill from https://github.com/anthropics/skills for GitHub Copilot.
    Copy the skill folder (the one containing SKILL.md, with any scripts or reference files next to it) into .github/skills/ in this project.
    Before copying, show me the SKILL.md and list any scripts it includes, and wait for me to confirm.

    Or copy the folder yourself

    Unzip the download into .github/skills/ for this project, or ~/.copilot/skills/ for all your projects.

    Works in Copilot CLI, the cloud agent and agent mode in VS Code and JetBrains.

    GitHub Copilot skills docs
  • Antigravity

    Run this in your project

    npx skills add https://github.com/anthropics/skills --skill canvas-design -a antigravity

    Add -g to install it for every project instead.

    Or ask Antigravity to do it

    Install the "canvas-design" skill from https://github.com/anthropics/skills for Antigravity.
    Copy the skill folder (the one containing SKILL.md, with any scripts or reference files next to it) into .agents/skills/ in this project.
    Before copying, show me the SKILL.md and list any scripts it includes, and wait for me to confirm.

    Or copy the folder yourself

    Unzip the download into .agents/skills/ for this project, or ~/.gemini/config/skills/ for all your projects.

    Antigravity skills docs
  • Gemini CLI

    Run this in your project

    npx skills add https://github.com/anthropics/skills --skill canvas-design -a gemini-cli

    Add -g to install it for every project instead.

    Or ask Gemini CLI to do it

    Install the "canvas-design" skill from https://github.com/anthropics/skills for Gemini CLI.
    Copy the skill folder (the one containing SKILL.md, with any scripts or reference files next to it) into .gemini/skills/ in this project.
    Before copying, show me the SKILL.md and list any scripts it includes, and wait for me to confirm.

    Or copy the folder yourself

    Unzip the download into .gemini/skills/ for this project, or ~/.gemini/skills/ for all your projects.

    Run /skills to check it was found.

    Gemini CLI skills docs
Installs
107.4K via skills.sh
Last updated
10 Sept 2026

Security checks

Run by independent scanners and published on skills.sh. Their results, not a Viberation review.

  • Gen Agent Trust Hub Pass

    This skill is designed for high-quality visual art creation and follows established creative practices. It includes detailed instructions for design philosophy and craftsmanship, utilizing local font resources to ensure professional results.

    21 Apr 2026
  • Socket Pass

    No alerts

    21 Apr 2026
  • Snyk Pass

    Risk: LOW · No issues

    21 Apr 2026
  • Runlayer Pass

    1/29 files flagged

    26 Feb 2026
  • ZeroLeaks Pass

    Score: 93/100 · 2 sections analyzed

    16 Apr 2026
What's inside (29 files)
  • canvas-fonts/ArsenalSC-OFL.txt4.4K chars
  • canvas-fonts/BigShoulders-OFL.txt4.4K chars
  • canvas-fonts/Boldonse-OFL.txt4.4K chars
  • canvas-fonts/BricolageGrotesque-OFL.txt4.4K chars
  • canvas-fonts/CrimsonPro-OFL.txt4.4K chars
  • canvas-fonts/DMMono-OFL.txt4.4K chars
  • canvas-fonts/EricaOne-OFL.txt4.4K chars
  • canvas-fonts/GeistMono-OFL.txt4.4K chars
  • canvas-fonts/Gloock-OFL.txt4.4K chars
  • canvas-fonts/IBMPlexMono-OFL.txt4.4K chars
  • canvas-fonts/InstrumentSans-OFL.txt4.4K chars
  • canvas-fonts/Italiana-OFL.txt4.4K chars
  • canvas-fonts/JetBrainsMono-OFL.txt4.4K chars
  • canvas-fonts/Jura-OFL.txt4.4K chars
  • canvas-fonts/LibreBaskerville-OFL.txt4.4K chars
  • canvas-fonts/Lora-OFL.txt4.4K chars
  • canvas-fonts/NationalPark-OFL.txt4.4K chars
  • canvas-fonts/NothingYouCouldDo-OFL.txt4.4K chars
  • canvas-fonts/Outfit-OFL.txt4.4K chars
  • canvas-fonts/PixelifySans-OFL.txt4.4K chars
  • canvas-fonts/PoiretOne-OFL.txt4.4K chars
  • canvas-fonts/RedHatMono-OFL.txt4.4K chars
  • canvas-fonts/Silkscreen-OFL.txt4.4K chars
  • canvas-fonts/SmoochSans-OFL.txt4.4K chars
  • canvas-fonts/Tektur-OFL.txt4.4K chars
  • canvas-fonts/WorkSans-OFL.txt4.4K chars
  • canvas-fonts/YoungSerif-OFL.txt4.4K chars
  • LICENSE.txt11.3K chars
  • SKILL.md11.9K chars

SKILL.md, first part. Shown as plain text.

---
name: canvas-design
description: 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.
license: Complete terms in LICENSE.txt
---

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:
- Space and form
- Color and material
- Scale and rhythm
- Composition and balance
- Visual hierarchy

**CRITICAL GUIDELINES:**
- **Avoid redundancy**: Each design aspect should be mentioned once. Avoid repeating points about color theory, spatial relationships, or typographic principles unless adding new depth.
- **Emphasize craftsmanship REPEATEDLY**: The philosophy MUST stress multiple times that the final work should appear as though it took countless hours to create, was labored over with care, and comes from someone at the absolute top of their field. This framing is essential - repeat phrases like "meticulously crafted," "the product of deep expertise," "painstaking attention," "master-level execution."
- **Leave creative space**: Remain specific about the aesthetic direction, but concise enough that the next Claude has room to make interpretive choices also at a extremely high level of craftmanship.

The philosophy must guide the next version to express ideas VISUALLY, not through text. Information lives in design, not paragraphs.

### PHILOSOPHY EXAMPLES

**"Concrete Poetry"**
Philosophy: Communication through monumental form and bold geometry.
Visual expression: Massive color blocks, sculptural typography (huge single words, tiny labels), Brutalist spatial divisions, Polish poster energy meets Le Corbusier. Ideas expressed through visual weight and spatial tension, not explanation. Text as rare, powerful gesture - never paragraphs, only essential words integrated into the visual architecture. Every element placed with the precision of a master craftsman.

**"Chromatic Language"**
Philosophy: Color as the primary information system.
Visual expression: Geometric precision where color zones create meaning. Typography minimal - small sans-serif labels letting chromatic fields communicate. Think Josef Albers' interaction meets data visualization. Information encoded spatially and chromatically. Words only to anchor what color already shows. The result of painstaking chromatic calibration.

**"Analog Meditation"**
Philosophy: Quiet visual contemplation through texture and breathing room.
Visual e

Key info

Pricing
Free
Category
Skills

More in Skills