Agent skill

Patchies Rendering

by heypoom in heypoom/patchies

A skill your agent uses when changing Patchies rendering pipeline, render graph, image generation preview capture, GLSystem, render workers, FBO rendering, output sizing, render-node types, or video…

AGPL-3.0Auto-check passedMedia & Creative

Install Patchies Rendering

skills CLI
$ npx skills add heypoom/patchies --skill patchies-rendering -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install heypoom/patchies patchies-rendering --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/heypoom/patchies.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/patchies-rendering .claude/skills/patchies-rendering && rm -rf skills-src

Use ~/.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/

Facts

Skill name
patchies-rendering
GitHub stars
209
Token cost
~656 tokens
SKILL.md length
235 words
Files
1
Skills in repo
8
Repo updated
First seen
Licence
AGPL-3.0

At a glance

A skill your agent uses when changing Patchies rendering pipeline, render graph, image generation preview capture, GLSystem, render workers, FBO rendering, output sizing, render-node types, or video…

  • Changing Patchies rendering pipeline
  • SKILL.md covers Architecture, Render-Node Ownership, Capture And Preview and Change Strategy
  • Calls git
  • Image generation preview capture

What it does

Patchies Rendering is an agent skill from heypoom/patchies. Use when changing Patchies rendering pipeline, render graph, image generation preview capture, GLSystem, render workers, FBO rendering, output sizing, render-node types, or video previews.

Its SKILL.md is about 660 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Media & Creative, covering Image generation. It works with Svelte. The repository describes itself as: Write small programs with tools & libraries you know and patch 'em together. Make interactive widgets, visuals, sounds, and play with computation on the web. The licence is AGPL-3.0.

When your agent uses it

  • Changing Patchies rendering pipeline
  • Image generation preview capture
  • Render-node types

Example prompts

  • “/patchies-rendering”

What it can do on your machine

Read from SKILL.md and the folder at commit dd38c74. It shows what the files ask for, not the result of running them.

  • Tool permissions

    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.

  • Runs code

    Shell commands in SKILL.md call:

    • git

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Patchies Rendering loads about 656 tokens when it runs. Until then it costs about 52 tokens; SKILL.md has 235 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~52
When it runs · the whole SKILL.md, loaded when a task matches
~656

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.

Safety

Auto-check passed

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.

SKILL.md

The full file from heypoom/patchies at commit dd38c74, republished under its AGPL-3.0 licence (© heypoom). 235 words, ~656 tokens.

Download SKILL.mdSave it as .claude/skills/patchies-rendering/SKILL.md (or your agent's skills folder).
name
patchies-rendering
description
Use when changing Patchies rendering pipeline, render graph, image generation preview capture, GLSystem, render workers, FBO rendering, output sizing, render-node types, or video previews.

Patchies Rendering

Architecture

Rendering changes usually cross the main thread, render worker, object modules, and tests.

  • ui/src/lib/canvas/GLSystem.ts owns the main-thread bridge to the render worker, node/edge graph updates, preview canvas delivery, output sizing, worker requests, VFS shader invalidation, and capture-preview requests.
  • ui/src/workers/rendering/renderWorker.ts dispatches worker messages and delegates rendering work to FBORenderer.
  • ui/src/workers/rendering/fboRenderer.ts owns FBO allocation, renderer creation, render graph execution, preview readback, feedback textures, output sizing, and capture bitmaps.
  • ui/src/lib/rendering/graphUtils.ts builds the render graph, parses video handles, detects back-edges, and identifies bg.out.
  • ui/src/lib/rendering/types.ts is the shared registry/primitives file for render graph types.

Render-Node Ownership

Object-specific render-node discriminated unions belong in ui/src/objects/<object>/render-types.ts.

Keep ui/src/lib/rendering/types.ts as a registry and shared primitive surface:

  • Import object-owned render types into the central RenderNode union.
  • Keep shared renderer primitives there, such as FBOFormat, FBOResolution, RenderGraph, FBONode, worker message types, and render params.
  • Do not author object-specific variants like type: 'glsl' or type: 'hydra' directly in the shared file.

Capture And Preview

Image-generation and export-style capture flows coordinate across:

  • generateImageWithGemini
  • capturePreviewFrame
  • GLSystem.send('capturePreview', ...)
  • renderWorker's capturePreview handler
  • FBORenderer.capturePreviewBitmap()

Preserve the customSize?: [number, number] pattern across this path.

Preview performance work usually touches FlowCanvasInner.svelte, preview visibility stores, GLSystem.setVisibleNodes(), GLSystem.setPreviewScaleMultiplier(), PreviewRenderer, and FBORenderer.

Change Strategy

  • Trace the full render path before patching one file.
  • Keep object-specific rendering behavior in the owning object module when possible.
  • Update focused tests for the affected layer. Common rendering checks include src/workers/rendering/cooking/policies.test.ts, src/workers/rendering/renderEligibility.test.ts, and src/lib/rendering/graphUtils.test.ts.
  • Run git diff --check after edits.

© heypoom, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .agents/skills/patchies-rendering of heypoom/patchies.

Open the folder on GitHubat commit dd38c74

Compare with similar skills

Patchies Rendering 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.

Patchies Rendering compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Patchies Rendering this skillheypoom/patchies209—~656Automated safety check: PassAGPL-3.0
Add Generation ParamMooshieblob1/MooshieUI207—~417Automated safety check: PassAGPL-3.0
Pre Commit CheckMooshieblob1/MooshieUI207—~825Automated safety check: PassAGPL-3.0
Structured Image Generationbytedance/deer-flow83k5 repos~2.9kAutomated safety check: PassMIT
AI Image Generation and Editingzhayujie/CowAgent47k—~1.3kAutomated safety check: PassMIT
Canghe Comicfreestylefly/canghe-skills4618 repos~3.2kAutomated safety check: PassNone

Similar skills

  • Add Generation Param

    Mooshieblob1/MooshieUI

    Adds a generation parameter across MooshieUI's Svelte store, TypeScript types, Rust GenerationParams, and workflow templates.

    207 GitHub stars~417 tokensUpdated 2 days ago
    AI & LLM EngineeringAuto-check passed
  • Pre Commit Check

    Mooshieblob1/MooshieUI

    Validates MooshieUI uncommitted changes before commit or PR — build gates, Rust fmt/clippy, conventions, i18n.

    207 GitHub stars~825 tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed
  • Structured Image Generation

    bytedance/deer-flow

    Turns an image request into a structured JSON prompt and runs a bundled Python script to generate the picture, optionally guided by reference images.

    83k GitHub starsUsed in 5 repos~2.9k tokens
    Media & CreativeAuto-check passed
  • Generates or edits images from text prompts through a Python script that picks an image backend based on which API keys are configured.

    47k GitHub stars~1.3k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Canghe Comic

    freestylefly/canghe-skills

    Knowledge comic creator supporting multiple art styles and tones.

    461 GitHub starsUsed in 8 repos~3.2k tokens
    Media & CreativeAuto-check passed
  • Generate Image

    ynulihao/AgentSkillOS

    Generate or edit images using AI models (FLUX, Gemini). An agent skill from ynulihao/AgentSkillOS.

    617 GitHub starsUsed in 10 repos~1.7k tokens
    Media & CreativeAuto-check: notes

More from heypoom/patchies

All 8 skills in this repo
  • Patchies Audio

    heypoom/patchies

    A skill your agent uses when adding, migrating, or changing Patchies Audio V2 nodes, native DSP worklet nodes, audio object docs, audio packs, or AudioService integration.

    209 GitHub stars~1.6k tokensUpdated today
    Auto-check passed
  • Patchies Frontend

    heypoom/patchies

    A skill your agent uses when editing Patchies Svelte components, UI state, styling, buttons, persistence, or frontend implementation patterns.

    209 GitHub stars~992 tokensUpdated today
    Auto-check passed
  • Patchies Objects

    heypoom/patchies

    A skill your agent uses when adding, editing, or migrating Patchies nodes, objects, handles, object modules, schemas, object docs, AI prompts, file drag/drop support, or node data settings.

    209 GitHub stars~2.2k tokensUpdated today
    Auto-check passed
  • Patchies Workflow

    heypoom/patchies

    A skill your agent uses when working in Patchies on tests, specs, reflections, verification scope, or commits, especially before changing product behavior or when the user explicitly asks to commit.

    209 GitHub stars~712 tokensUpdated today
    Auto-check passed
  • Patchies Assembly Module

    heypoom/patchies

    A skill your agent uses when changing Patchies assembly VM code, VASM Rust sources, wasm-pack output, machine WASM assets, asm object behavior, or modules/vasm build/link steps.

    209 GitHub stars~341 tokensUpdated today
    Auto-check passed
  • Docs Style

    heypoom/patchies

    Patchies documentation style guide. An agent skill from heypoom/patchies.

    209 GitHub stars~1k tokensUpdated today
    Auto-check passed

Works with

Questions about Patchies Rendering

What does Patchies Rendering do?

A skill your agent uses when changing Patchies rendering pipeline, render graph, image generation preview capture, GLSystem, render workers, FBO rendering, output sizing, render-node types, or video…. Patchies Rendering is an agent skill from heypoom/patchies. Use when changing Patchies rendering pipeline, render graph, image generation preview capture, GLSystem, render workers, FBO rendering, output sizing, render-node types, or video previews.

When should I use Patchies Rendering?

Patchies Rendering fits situations like: changing Patchies rendering pipeline; image generation preview capture; render-node types.

How do I install Patchies Rendering in Claude Code?

Run `npx skills add heypoom/patchies --skill patchies-rendering -a claude-code`. Or copy the skill folder (.agents/skills/patchies-rendering in heypoom/patchies) into .claude/skills/patchies-rendering in your project. Claude Code loads it when a task matches its description.

How do I install Patchies Rendering in Codex?

Run `npx skills add heypoom/patchies --skill patchies-rendering -a codex`. Or copy the skill folder (.agents/skills/patchies-rendering in heypoom/patchies) into .agents/skills/patchies-rendering in your project. Codex loads it when a task matches its description.

Can I use Patchies Rendering in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add heypoom/patchies --skill patchies-rendering -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/patchies-rendering, .gemini/skills/patchies-rendering, .github/skills/patchies-rendering and .opencode/skills/patchies-rendering in your project.

What does Patchies Rendering need to run?

Going by SKILL.md and its folder, Patchies Rendering needs the command-line tools its instructions call (git).

Does Patchies Rendering access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Patchies Rendering safe to install?

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.

What licence does Patchies Rendering use?

Patchies Rendering is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Patchies Rendering use?

About 656 tokens (SKILL.md is roughly 2.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Patchies Rendering?

Skills that share tags, products or a category with Patchies Rendering: Add Generation Param (Mooshieblob1/MooshieUI, 207 stars), Pre Commit Check (Mooshieblob1/MooshieUI, 207 stars), Structured Image Generation (bytedance/deer-flow, 83k stars) and AI Image Generation and Editing (zhayujie/CowAgent, 47k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Patchies Rendering?

heypoom (a GitHub user) maintains it in heypoom/patchies, which has 209 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 7, 2026.

Source: heypoom/patchies on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.