Photo Abstract Editorial
ZzzLc0405/photo-abstract-editorial
Creates one vertical editorial image from an uploaded photo, keeping the photo untouched and adding an abstract panel and short English title derived from it.
Creates original posters and static art as PNG or PDF by first writing a short design philosophy, then expressing it visually on a canvas.
$ npx skills add anthropics/skills --skill canvas-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install anthropics/skills canvas-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/anthropics/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/canvas-design .claude/skills/canvas-design && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "canvas-design" agent skill from https://github.com/anthropics/skills/tree/main/skills/canvas-design into .claude/skills/canvas-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/anthropics/skills/tree/main/skills/canvas-designType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add anthropics/skills --skill canvas-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install anthropics/skills canvas-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/anthropics/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/canvas-design .agents/skills/canvas-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "canvas-design" agent skill from https://github.com/anthropics/skills/tree/main/skills/canvas-design into .agents/skills/canvas-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add anthropics/skills --skill canvas-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install anthropics/skills canvas-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/anthropics/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/canvas-design .cursor/skills/canvas-design && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "canvas-design" agent skill from https://github.com/anthropics/skills/tree/main/skills/canvas-design into .cursor/skills/canvas-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/anthropics/skills.git --path skills/canvas-design--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add anthropics/skills --skill canvas-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install anthropics/skills canvas-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/anthropics/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/canvas-design .gemini/skills/canvas-design && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "canvas-design" agent skill from https://github.com/anthropics/skills/tree/main/skills/canvas-design into .gemini/skills/canvas-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install anthropics/skills canvas-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add anthropics/skills --skill canvas-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/anthropics/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/canvas-design .github/skills/canvas-design && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "canvas-design" agent skill from https://github.com/anthropics/skills/tree/main/skills/canvas-design into .github/skills/canvas-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add anthropics/skills --skill canvas-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install anthropics/skills canvas-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/anthropics/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/canvas-design .opencode/skills/canvas-design && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "canvas-design" agent skill from https://github.com/anthropics/skills/tree/main/skills/canvas-design into .opencode/skills/canvas-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
canvas-designCreates original posters and static art as PNG or PDF by first writing a short design philosophy, then expressing it visually on a canvas.
Canvas Design works in two steps. First the agent writes a design philosophy as a markdown file: it names an aesthetic movement in a word or two and describes in several paragraphs how it shows up in space, form, color, scale, rhythm, composition and hierarchy, insisting the result look carefully crafted.
Then it expresses that philosophy on a canvas, producing a PDF or PNG that is mostly visual with only minimal text. Your request guides the work without fixing it, and the skill tells the agent to create original designs rather than copying existing artists. A folder of fonts, each with its licence file, is bundled for the typography.
2 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 683bc88. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Canvas Design loads about 3k tokens when it runs. Until then it costs about 76 tokens; SKILL.md has 1,641 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from anthropics/skills at commit 683bc88, republished under its Apache-2.0 licence (© anthropics). 1,641 words, ~2,985 tokens.
.claude/skills/canvas-design/SKILL.md (or your agent's skills folder). This skill also uses 82 other files; get the full folder from GitHub.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:
First, undertake this task:
To begin, create a VISUAL PHILOSOPHY (not layouts or templates) that will be interpreted through:
Consider this approach:
The philosophy must emphasize: Visual expression. Spatial communication. Artistic interpretation. Minimal words.
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:
CRITICAL GUIDELINES:
The philosophy must guide the next version to express ideas VISUALLY, not through text. Information lives in design, not paragraphs.
"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 expression: Paper grain, ink bleeds, vast negative space. Photography and illustration dominate. Typography whispered (small, restrained, serving the visual). Japanese photobook aesthetic. Images breathe across pages. Text appears sparingly - short phrases, never explanatory blocks. Each composition balanced with the care of a meditation practice.
"Organic Systems" Philosophy: Natural clustering and modular growth patterns. Visual expression: Rounded forms, organic arrangements, color from nature through architecture. Information shown through visual diagrams, spatial relationships, iconography. Text only for key labels floating in space. The composition tells the story through expert spatial orchestration.
"Geometric Silence" Philosophy: Pure order and restraint. Visual expression: Grid-based precision, bold photography or stark graphics, dramatic negative space. Typography precise but minimal - small essential text, large quiet zones. Swiss formalism meets Brutalist material honesty. Structure communicates, not words. Every alignment the work of countless refinements.
These are condensed examples. The actual design philosophy should be 4-6 substantial paragraphs.
The design philosophy should be 4-6 paragraphs long. Fill it with poetic design philosophy that brings together the core vision. Avoid repeating the same points. Keep the design philosophy generic without mentioning the intention of the art, as if it can be used wherever. Output the design philosophy as a .md file.
CRITICAL STEP: Before creating the canvas, identify the subtle conceptual thread from the original request.
THE ESSENTIAL PRINCIPLE: The topic is a subtle, niche reference embedded within the art itself - not always literal, always sophisticated. Someone familiar with the subject should feel it intuitively, while others simply experience a masterful abstract composition. The design philosophy provides the aesthetic language. The deduced topic provides the soul - the quiet conceptual DNA woven invisibly into form, color, and composition.
This is VERY IMPORTANT: The reference must be refined so it enhances the work's depth without announcing itself. Think like a jazz musician quoting another song - only those who know will catch it, but everyone appreciates the music.
With both the philosophy and the conceptual framework established, express it on a canvas. Take a moment to gather thoughts and clear the mind. Use the design philosophy created and the instructions below to craft a masterpiece, embodying all aspects of the philosophy with expert craftsmanship.
IMPORTANT: For any type of content, even if the user requests something for a movie/game/book, the approach should still be sophisticated. Never lose sight of the idea that this should be art, not something that's cartoony or amateur.
To create museum or magazine quality work, use the design philosophy as the foundation. Create one single page, highly visual, design-forward PDF or PNG output (unless asked for more pages). Generally use repeating patterns and perfect shapes. Treat the abstract philosophical design as if it were a scientific bible, borrowing the visual language of systematic observation—dense accumulation of marks, repeated elements, or layered patterns that build meaning through patient repetition and reward sustained viewing. Add sparse, clinical typography and systematic reference markers that suggest this could be a diagram from an imaginary discipline, treating the invisible subject with the same reverence typically reserved for documenting observable phenomena. Anchor the piece with simple phrase(s) or details positioned subtly, using a limited color palette that feels intentional and cohesive. Embrace the paradox of using analytical visual language to express ideas about human experience: the result should feel like an artifact that proves something ephemeral can be studied, mapped, and understood through careful attention. This is true art.
Text as a contextual element: Text is always minimal and visual-first, but let context guide whether that means whisper-quiet labels or bold typographic gestures. A punk venue poster might have larger, more aggressive type than a minimalist ceramics studio identity. Most of the time, font should be thin. All use of fonts must be design-forward and prioritize visual communication. Regardless of text scale, nothing falls off the page and nothing overlaps. Every element must be contained within the canvas boundaries with proper margins. Check carefully that all text, graphics, and visual elements have breathing room and clear separation. This is non-negotiable for professional execution. IMPORTANT: Use different fonts if writing text. Search the ./canvas-fonts directory. Regardless of approach, sophistication is non-negotiable.
Download and use whatever fonts are needed to make this a reality. Get creative by making the typography actually part of the art itself -- if the art is abstract, bring the font onto the canvas, not typeset digitally.
To push boundaries, follow design instinct/intuition while using the philosophy as a guiding principle. Embrace ultimate design freedom and choice. Push aesthetics and design to the frontier.
CRITICAL: To achieve human-crafted quality (not AI-generated), create work that looks like it took countless hours. Make it appear as though someone at the absolute top of their field labored over every detail with painstaking care. Ensure the composition, spacing, color choices, typography - everything screams expert-level craftsmanship. Double-check that nothing overlaps, formatting is flawless, every detail perfect. Create something that could be shown to people to prove expertise and rank as undeniably impressive.
Output the final result as a single, downloadable .pdf or .png file, alongside the design philosophy used as a .md file.
IMPORTANT: The user ALREADY said "It isn't perfect enough. It must be pristine, a masterpiece if craftsmanship, as if it were about to be displayed in a museum."
CRITICAL: To refine the work, avoid adding more graphics; instead refine what has been created and make it extremely crisp, respecting the design philosophy and the principles of minimalism entirely. Rather than adding a fun filter or refactoring a font, consider how to make the existing composition more cohesive with the art. If the instinct is to call a new function or draw a new shape, STOP and instead ask: "How can I make what's already here more of a piece of art?"
Take a second pass. Go back to the code and refine/polish further to make this a philosophically designed masterpiece.
To create additional pages when requested, create more creative pages along the same lines as the design philosophy but distinctly different as well. Bundle those pages in the same .pdf or many .pngs. Treat the first page as just a single page in a whole coffee table book waiting to be filled. Make the next pages unique twists and memories of the original. Have them almost tell a story in a very tasteful way. Exercise full creative freedom.
© anthropics, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 82 other files in skills/canvas-design of anthropics/skills.
Open the folder on GitHubat commit 683bc88
We found 100 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 52 other GitHub owners. This page covers the copy in anthropics/skills, which our catalogue first saw on October 7, 2026.
…and 50 more copies not listed here.
Canvas Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Canvas Design this skillanthropics/skills | 180k | 52 repos | ~3k | Automated safety check: Pass | Apache-2.0 | |
| Photo Abstract EditorialZzzLc0405/photo-abstract-editorial | 5.9k | — | ~815 | Automated safety check: Pass | Proprietary | |
| Mono Coloryanliudesign/mono-color-skill | 3.4k | — | ~8.5k | Automated safety check: Pass | MIT | |
| Gathered Scenes Zine PosterZeejay0/gathered-scenes-zine-skill | 5.3k | — | ~3.8k | Automated safety check: Pass | Custom licence | |
| CRT Interface IllustrationTaiT-tt/tait-crt-interface-skill | 519 | — | ~9.4k | Automated safety check: Pass | None | |
| Lemo-Opuscar Short Film Directorlemomo-ai/lemo-opuscar | 1.4k | — | ~596 | Automated safety check: Pass | Custom licence |
ZzzLc0405/photo-abstract-editorial
Creates one vertical editorial image from an uploaded photo, keeping the photo untouched and adding an abstract panel and short English title derived from it.
yanliudesign/mono-color-skill
Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo.
Zeejay0/gathered-scenes-zine-skill
Turns a photo into a tactile collage poster where part stays an untouched photographic anchor and the rest becomes a simplified, color-fading illustration of the hidden scene.
TaiT-tt/tait-crt-interface-skill
Generates one finished retro CRT computer-interface illustration from a portrait, photo, creature, object or theme, as an exaggerated 1980s bitmap caricature.
lemomo-ai/lemo-opuscar
Directs a short film made entirely in code in one of the Lemo-Opuscar library's named visual styles, from fetching the library through production and delivery.
alexgreensh/anidoodle
Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 31 styles, with composed scores.
anthropics/skills
Guides the design and implementation of Model Context Protocol servers in TypeScript or Python, from tool naming and error messages to evaluation.
anthropics/skills
Handles everyday PDF jobs in Python and on the command line: extract text and tables, merge, split, rotate, watermark, fill forms, encrypt and OCR.
anthropics/skills
Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.
anthropics/skills
Creates original generative art in two steps: a written algorithmic philosophy, then a p5.js sketch with seeded randomness and an interactive viewer for exploring parameters.
anthropics/skills
Creates, edits and reviews Word documents: new files with docx-js, edits through the underlying XML, plus tracked changes, comments and conversions.
anthropics/skills
Tests local web applications with Python Playwright scripts, checking frontend behavior, capturing screenshots and reading browser console logs.
Categories
Creates original posters and static art as PNG or PDF by first writing a short design philosophy, then expressing it visually on a canvas. Canvas Design works in two steps. First the agent writes a design philosophy as a markdown file: it names an aesthetic movement in a word or two and describes in several paragraphs how it shows up in space, form, color, scale, rhythm, composition and hierarchy, insisting the result look carefully crafted.
Canvas Design fits situations like: designing a poster for an event or campaign; making a piece of abstract or conceptual art as an image; creating a static visual with a distinct aesthetic.
Run `npx skills add anthropics/skills --skill canvas-design -a claude-code`. Or copy the skill folder (skills/canvas-design in anthropics/skills) into .claude/skills/canvas-design in your project. Claude Code loads it when a task matches its description.
Run `npx skills add anthropics/skills --skill canvas-design -a codex`. Or copy the skill folder (skills/canvas-design in anthropics/skills) into .agents/skills/canvas-design in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add anthropics/skills --skill canvas-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/canvas-design, .gemini/skills/canvas-design, .github/skills/canvas-design and .opencode/skills/canvas-design in your project.
SKILL.md names no scripts, command-line tools or credentials: Canvas Design is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Canvas Design is published under the Apache-2.0 licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.
About 3k tokens (SKILL.md is roughly 12k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Canvas Design: Photo Abstract Editorial (ZzzLc0405/photo-abstract-editorial, 5.9k stars), Mono Color (yanliudesign/mono-color-skill, 3.4k stars), Gathered Scenes Zine Poster (Zeejay0/gathered-scenes-zine-skill, 5.3k stars) and CRT Interface Illustration (TaiT-tt/tait-crt-interface-skill, 519 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
anthropics (a GitHub organization, an official publisher) maintains it in anthropics/skills, which has 180,048 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on October 8, 2026.
Source: anthropics/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.