{
  "id": "canvas-design",
  "handle": "canvas-design",
  "canonicalUrl": "https://bestskillsforclaude.com/en/skills/canvas-design",
  "language": "en",
  "alternates": {
    "en": "https://bestskillsforclaude.com/en/skills/canvas-design",
    "es": "https://bestskillsforclaude.com/es/skills/canvas-design",
    "pt-BR": "https://bestskillsforclaude.com/pt-br/skills/canvas-design",
    "ja": "https://bestskillsforclaude.com/ja/skills/canvas-design"
  },
  "category": {
    "id": "design-and-interface",
    "name": "Design and interface"
  },
  "publisher": {
    "name": "Anthropic",
    "url": "https://github.com/anthropics"
  },
  "source": "https://github.com/anthropics/skills/tree/main/skills/canvas-design",
  "documentation": null,
  "licenseAsStated": "Apache 2.0",
  "runtime": "Claude apps and Claude Code",
  "lastReviewed": "2026-08-05",
  "headline": "What is the canvas-design skill for?",
  "summary": "Layout for things that are looked at rather than clicked.",
  "verdict": "The canvas-design skill focuses on composition for visual pieces such as posters, covers, diagrams and graphics, where hierarchy and spacing carry the meaning. Use it when the artifact is an image rather than an interface, and reach for frontend-design when the artifact has buttons.",
  "bestFor": "Posters, social graphics, covers, event artwork and any single composed image.",
  "skipIf": "You need an interactive interface, where interaction states matter more than composition.",
  "keyTakeaways": [
    "It is about composition and hierarchy, not decoration.",
    "Format and reading order are the two briefing details that change the result most.",
    "It complements frontend-design rather than competing with it.",
    "Typography still repays a human pass at the end."
  ],
  "quickStart": [
    "Install it from anthropics/skills under Apache 2.0.",
    "State the format and the one thing that must be read first from across a room.",
    "Iterate on hierarchy before colour, because a composition problem is never a palette problem."
  ],
  "sections": [
    {
      "heading": "What it changes in practice",
      "paragraphs": [
        "Generated graphics usually fail on hierarchy: everything is the same weight, so nothing is read first. Working with an explicit composition skill forces the decision about what dominates, which is exactly the decision an untrained eye avoids.",
        "It is also useful as a critique tool. Asking it to explain what a layout is doing wrong is often more valuable than asking it to produce another version."
      ]
    },
    {
      "heading": "Where it disappoints",
      "paragraphs": [
        "Fine typography, kerning and optical spacing remain weak points, and dense information graphics with many labels tend to get crowded.",
        "Treat the output as a strong composition draft that a designer can finish, rather than as a print ready asset."
      ]
    }
  ],
  "faq": [
    {
      "question": "How is this different from frontend-design?",
      "answer": "canvas-design is for composed static visuals. frontend-design is for interfaces people interact with."
    },
    {
      "question": "Can it critique an existing design?",
      "answer": "Yes, and asking for a critique often produces more useful direction than asking for another variation."
    },
    {
      "question": "Is the output print ready?",
      "answer": "Usually not. Expect to fix typography and spacing before anything goes to print."
    }
  ],
  "sources": [
    {
      "label": "anthropics/skills on GitHub",
      "url": "https://github.com/anthropics/skills",
      "kind": "repository"
    },
    {
      "label": "anthropics/skills, canvas-design skill directory",
      "url": "https://github.com/anthropics/skills/tree/main/skills/canvas-design",
      "kind": "documentation"
    }
  ],
  "machineReadable": {
    "markdown": "https://bestskillsforclaude.com/en/skills/canvas-design/content.md",
    "json": "https://bestskillsforclaude.com/en/skills/canvas-design/skill.json"
  },
  "disclosure": "Editorial desk review based on the publisher's own repository. Not a security audit, a benchmark or a guarantee of maintenance."
}