메뉴
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.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when adding, editing, migrating, or reviewing Patchies built-in presets, preset packs, preset pack registry wiring, preset pack icons, or preset-pack tests.
Use when adding, editing, or migrating Patchies nodes, objects, handles, object modules, schemas, object docs, AI prompts, file drag/drop support, or node data settings.
Use when changing Patchies assembly VM code, VASM Rust sources, wasm-pack output, machine WASM assets, asm object behavior, or modules/vasm build/link steps.
Use when adding, migrating, or changing Patchies Audio V2 nodes, native DSP worklet nodes, audio object docs, audio packs, or AudioService integration.
Use when editing Patchies Svelte components, UI state, styling, buttons, persistence, or frontend implementation patterns.
Use 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.
| 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. |
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.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:
RenderNode union.FBOFormat, FBOResolution, RenderGraph, FBONode, worker message types, and render params.type: 'glsl' or type: 'hydra' directly in the shared file.Image-generation and export-style capture flows coordinate across:
generateImageWithGeminicapturePreviewFrameGLSystem.send('capturePreview', ...)renderWorker's capturePreview handlerFBORenderer.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.
src/workers/rendering/cooking/policies.test.ts, src/workers/rendering/renderEligibility.test.ts, and src/lib/rendering/graphUtils.test.ts.git diff --check after edits.