CPCodex Pets
Back to gallery

Codex pet package

Canary

Canary is a tiny yellow bird Codex pet with a rounded head and compact companion body.

animalbirdcanaryyellowrounded-headcalm
Download packageSpritesheetAdvanced URL test

PetWidget + SpriteAnimator

Canary live preview

Switch animation rows, tune scale, and test floating behavior before installing this Codex pet locally.

Floating mode uses viewport bounds.

Before you choose

Shape, movement and small-screen readability

Canary is a bright yellow bird with a large head, blue eyes and orange feet. The atlas relies on face changes and small wing gestures rather than a wide flying silhouette.

Grounded movement

The directional rows show stepping and low stretched poses with the wings close to the body. Waving extends one wing sideways, and jumping lifts both feet while preserving the round head.

Failure changes the whole posture

The failed row drops the head, adds tears and ends with low or turned-away poses. Review tilts the head and narrows the eyes while the body stays upright, making it a separate visual cue.

Before choosing

Yellow stands out against the inspected dark background, but the bright body can be less distinct on a light yellow wallpaper. This visual review describes the package; it does not establish permission to reuse a recognizable character design.

Compare with Lint Sprout: Lint Sprout communicates failure through bent leaves, whereas Canary emphasizes a lowered head and facial expression.

Original atlas rows inspected on . These are visual observations, not an installation test or a license grant. Use the state previews below to check your preferred size.

State previews

See every Codex pet state at once.

Use the grid to check whether the shared 8 by 9 atlas has complete idle, movement, waiting, failed, and review animation rows.

Idle
Run right
Run left
Waving
Jumping
Failed
Waiting
Running
Review

Need help?

Ask AI to add this pet.

Not sure how to use this pet in Codex? Copy this AI prompt and ask your assistant to add and enable this existing pet for you.

It installs and enables this pet only. It will not generate a new pet.

Download package

Install Canary

Download the zip package, or copy a community CLI or curl command that installs this Codex pet into $HOME/.codex/pets/canary. Then enable it with /pet or Settings -> Appearance -> Pets.

Download package
npx @eyichan/codexpets add canary

pet.json

Manifest

Save this file as pet.json inside the local package folder for this Codex pet.

{
  "id": "canary",
  "displayName": "Canary",
  "description": "Canary is a tiny yellow bird Codex pet with a rounded head and compact companion body.",
  "spritesheetPath": "spritesheet.webp"
}

Atlas

Spritesheet contract

1536 x 1872 px8 columns x 9 rows192 x 208 px cells72 frames

Use the preview controls above to check idle, movement, waiting, failed, and review rows before installing.

Local install snippet
# After downloading canary-codex-pet.zip
mkdir -p "$HOME/.codex/pets/canary"
unzip -o "./canary-codex-pet.zip" -d "$HOME/.codex/pets/canary"

# In Codex
/pet

# Or manually
Settings -> Appearance -> Pets -> choose canary

Download the package zip first, then run this command from the folder that contains the zip file. After installation, use /pet or open Settings, choose Appearance, then Pets. Use Refresh custom pets if the package does not appear immediately.

How to use

How to use Canary

  1. 01

    Review every state

    Scan the 9-state preview grid to confirm the spritesheet covers idle, movement, waving, failed, waiting, and review states.

  2. 02

    Download the package files

    Download the package zip, or save spritesheet.webp and pet.json into a folder named after this pet id.

  3. 03

    Install locally

    Copy both files into ~/.codex/pets/<pet-id>/ so Codex can discover the custom pet package.

  4. 04

    Open it in Codex

    Use /pet inside Codex, or open Settings -> Appearance -> Pets and choose this installed pet. Refresh custom pets if it is not listed yet.