How do I install the Canvas Render skill?

Run npx skillmds@latest add liberatedpixelcup/canvas-render in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Canvas Render safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Canvas Render?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Canvas Render free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Canvas Render?

liberatedpixelcup (@liberatedpixelcup) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Canvas Render

Name: Canvas Render
Author: liberatedpixelcup

Change the offscreen renderer, palette recolor, z-position order, or magenta mask, and ask the user to check WebGL and the CPU fallback. Use when editing sources/canvas/, palette recolor, z-positions, or renderer output.

liberatedpixelcup 0ebef15 1.2 KB Updated Sep 17, 2026

Coding & Dev Tools

Install

Press C to copy

$ npx skillmds@latest add liberatedpixelcup/canvas-render

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/liberatedpixelcup/canvas-render.svg)](https://skillmd.com/skills/liberatedpixelcup/canvas-render)

Trust & safety

Audits pending

Not yet audited · commit 0ebef15

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

Canvas render

Palette recoloring is the only WebGL/CPU branch, in recolorImage() in sources/canvas/palette-recolor.ts. The two implementations can disagree, and only one runs on a given machine.

You cannot confirm both paths. Ask the user to follow Force CPU Mode and Visual Verification: setPaletteRecolorMode("cpu"), then setPaletteRecolorMode("webgl"), and compare with getPaletteRecolorStats().

Lower zPos draws first and ends up behind (ARCHITECTURE.md). Magenta #FF2CE6 is keyed out in sources/canvas/mask.ts.

ZIP export drawing and render timing (WebGL and CPU) are a separate check: performance-profiling. Visual correctness of both recolor paths is still this skill.

liberatedpixelcup/universal-lpc-spritesheet-character-generator/tree/main/.agents/skills/canvas-render commit 0ebef15a18

Frequently asked questions

npx skillmds@latest add liberatedpixelcup/canvas-render