Agent skill · microsoft
chat-pet-sprite-creation
Use when creating or changing VS Code chat pet sprite art, sprite sheets, state animations, eye treatments, Stable/Insiders variants, or pet transitions under src/vs/workbench/contrib/chat/browser/widget/media/chatPet.
What it needs
About 12k tokens when loaded.
What this skill does
Chat Pet Sprite Creation Create pet sprites that feel like one continuous character rather than separate drawings. Start from the current pet body, preserve its visual anchor, and make every difference intentional. Source of truth Sprite art: src/vs/workbench/contrib/chat/browser/widget/media/chatPet/ Runtime states, dimensions, timing, and transitions: src/vs/workbench/contrib/chat/browser/widget/chatPetWidget.ts Eye geometry, facing, clipping, and motion CSS: src/vs/workbench/contrib/chat/browser/widget/media/chatPet.css Unit tests: src/vs/workbench/contrib/chat/test/browser/widget/chatPetWidget.test.ts Read the current implementation before drawing. Existing dimensions and timings may have changed since this skill was written. PR precedence and lineage This skill distills the complete pet PR history. When rules conflict, use this precedence: 1. Current code and tests 2. The newest relevant open PR 3. Newer merged PRs 4. Older historical behavior In particular, animation cleanup PR #330399 supersedes the old revive-sign flow and several earlier sprite/timing assumptions. PR Durable learning --- --- #327063 The pet is one semantic button; sprite canvases, images, eyes, and effects are visual-only and aria-hidden. Resolve asset URLs through FileAccess. #327412 Model reactions as explicit states. Do not immediately repeat ordinary random reactions; sample rare transformations separately. #327588 Double-buffer sprite images and swap only after the pending image loads. Never blank the active sprite while a new source is loading. #327696 Stable/Insiders is a typed, persisted appearance choice. Keep variant naming and geometry systematic. #327714 Animated art is a horizontal sprite sheet plus a deliberate static reduced-motion PNG. Timing is runtime data, not image metadata. #328334 Persistent behavior such as “on the run” belongs in service state. Multi-phase animations advance from completion signals, not guessed delays. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills microsoft/chat-pet-sprite-creation