scratch-custom-costume

Adds custom SVG and PNG costumes to Scratch sprites via VM storage API.

2|Updated Feb 9, 2026
One-click install
npx skills add https://github.com/yokobond/scratch-skills --skill scratch-custom-costume
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: scratch-custom-costume
Source: https://github.com/yokobond/scratch-skills/tree/main/plugins/scratch-operation/skills/scratch-custom-costume
Command: npx skills add https://github.com/yokobond/scratch-skills --skill scratch-custom-costume

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill allows you to programmatically add custom SVG or PNG costumes to Scratch sprites, bypassing the need to use the paint editor UI for creating original characters or artwork.

Core Features & Use Cases

  • Programmatic Costume Injection: Add custom SVG or PNG images directly to Scratch sprites.
  • SVG Support: Inject vector graphics created as SVG strings.
  • PNG Support: Inject PNG images from local files or generated via canvas.
  • Use Case: Create a unique character for your Scratch game by generating its costume as an SVG or loading a custom PNG file, then injecting it into the sprite.

Quick Start

Use the scratch-custom-costume skill to add a new SVG costume named 'my-cool-sprite' to the current sprite.

Frequently Asked Questions about scratch-custom-costume

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add custom SVG costumes to Scratch sprites programmatically?

To add custom SVG costumes to Scratch sprites, you inject vector graphics created as SVG markup strings directly via the Scratch VM storage API. This bypasses the paint editor UI, enabling programmatic costume creation for characters and animations.

Can I load PNG files into Scratch sprites without using the paint editor?

Yes, you can load PNG costumes into Scratch sprites without the paint editor by injecting local PNG files or canvas-rendered bitmap images. The Skill uses the Scratch VM storage API to programmatically add these custom bitmap graphics to sprites.

What is the best way to bypass the Scratch paint editor for custom character creation?

The best way to bypass the Scratch paint editor for custom character creation is programmatically injecting SVG or PNG costumes via the Scratch VM storage API. This allows you to generate custom graphics as code and load them directly into sprites.

Does Scratch VM storage API support injecting vector graphics strings into sprites?

Yes, the Scratch VM storage API supports injecting vector graphics strings into sprites. You can pass SVG markup directly to add custom vector costumes, facilitating programmatic character creation and animation without manual paint editor drawing.

How do I create Scratch sprite animations from canvas-rendered images?

To create Scratch sprite animations from canvas-rendered images, inject the canvas output as PNG costumes into sprites using the Scratch VM storage API. This facilitates custom animation by programmatically adding bitmap frames without the paint editor.