Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>CatPanionNew to Visual Studio Code? Get it now.
CatPanion

CatPanion

Ricky Guo

|
267 installs
| (2) | Free
Vibe coding cat companion by Ricky Guo
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🐱 CatPanion - Your Vibe Coding Cat Companion

The best animated cat companion for Visual Studio Code! Transform your coding experience with an adorable, intelligent cat that responds to your coding activity with smooth sprite-based animations.

  • 💬 Join our Discord community: https://discord.gg/SrjVyTUr - Ask questions, share feedback, and connect with other CatPanion users!
  • ⭐ Enjoying CatPanion? Leave a 5-star review on the VS Code Marketplace!
  • 🐛 Found a bug? Report it on the VS Code Marketplace

📝 Patch Notes(Recent)

Version 1.1.1 - Latest Release

  • 📌 NEW: Position Controls - Move your cat with arrow buttons (↑↓←→) and reset position (⊙)
  • 📌 NEW: Main Toggle Button - Show/hide all controls with one click (📌 visible / 📍 hidden)
  • 📌 Pushpin - Controls visible (click to hide)
  • 📍 Round Pushpin - Controls hidden (click to show)
  • Toggles both skin selector and position controls
  • Can be hidden too via three-dot menu (⋮)

Version 1.1.0 - Previous Release

  • 🎨 NEW: Cat Skin Selector - Choose from 5 adorable cat skins (Default, Blue Ribbon, Pink Ribbon, Red Ribbon, Yellow Ribbon)

Version 0.9.5 - August 11, 2025

  • �️ NEW: Mysterious Emoji System - Your cat now communicates through unpredictable emoji expressions
  • 🌍 Natural Awareness - Your cat seems to sense the world around it in mysterious ways
  • 🔧 Enhanced Stability - Improved reliability for long coding sessions
  • ⏰ Respectful Timing - Your cat won't overwhelm you with constant messages

✨ Features

🎭 Intelligent Animated Companion

  • Responsive animations that react to your coding behavior
  • Smart behavior detection - your cat companion observes and responds
  • Smooth personality transitions based on your activity
  • Draggable companion that can be positioned anywhere in your workspace

🎯 Adaptive Behavior System

  • Typing patterns - responds to your coding rhythm and speed
  • Workspace interactions - notices your mouse activity and focus
  • Coding sessions - adapts to productive periods and breaks
  • Natural reactions - discover how your companion responds to different situations

⚙️ Customizable Experience

  • 5 Cat Skins - Choose from Default, Blue Ribbon, Pink Ribbon, Red Ribbon, or Yellow Ribbon
  • Skin Selector Button - Quick access to change skins with hover/click menu
  • Draggable view (recommended) - movable panel in Explorer sidebar
  • Editor panel - integrated tab in your editor area
  • Horizontal flip - face cat left or right for optimal positioning
  • Three-dot menu - Toggle skin selector visibility and flip cat
  • Status bar integration - quick access to settings and cat mood

🌪️ Mysterious Emoji Communication

🎉 Coming Soon: Enhanced Personalization

  • Advanced companion personality
  • Extended customization options

More exciting features in development!

🚀 Quick Start

  1. Install CatPanion from VS Code Extensions
  2. Cat appears automatically in Explorer sidebar after installation
  3. Start coding and explore your cat companion react!
  4. Click status bar (😺 CatPanion) for settings and customization

🎮 How It Works

CatPanion intelligently observes your coding patterns:

  • Activity Awareness - Senses your typing patterns and workspace interactions
  • Behavioral Learning - Adapts to your unique coding style over time
  • Contextual Responses - Reacts appropriately to different coding situations
  • Personality Evolution - Develops a relationship with your workflow

📍 Positioning Options

🐱 Draggable View (Recommended)

  • Appears in Explorer sidebar by default
  • Drag and drop to any panel or location
  • Resizable and collapsible
  • Always accessible but non-intrusive

📺 Editor Panel

  • Opens as editor tab alongside your code
  • Integrated with editor layout
  • Alternative option via settings panel

⚙️ Settings & Customization

Status Bar Menu

Access settings by clicking the 😺 CatPanion status bar item:

  • 🐱 Show CatPanion (Draggable View) - Default recommended view
  • 📺 Show CatPanion (Editor Panel) - Alternative editor integration
  • 🔄 Flip Cat Horizontally - Mirror cat for different panel positions
  • 🎨 Change Cat Skin - Choose from 5 different cat appearances
  • 🎉 Enable/Disable Emoji System - Toggle contextual emoji responses

Three-Dot Menu (⋮)

Access quick settings from the CatPanion panel title bar:

  • 🎨 Toggle On/Off Skin Selector - Show/hide the skin selector button
  • 🔄 Flip Cat Horizontally - Quick flip without opening settings
  • 📌 Display/Hide Main Toggle Button - Show/hide the main controls toggle button

Skin Selector Button (🎨)

Click or hover over the skin button in the panel:

  • 🐱 Default Cat - Classic cat companion
  • 💙 Blue Ribbon - Cat with blue ribbon
  • 💗 Pink Ribbon - Cat with pink ribbon
  • ❤️ Red Ribbon - Cat with red ribbon
  • 💛 Yellow Ribbon - Cat with yellow ribbon

Position Controls (↑↓←→⊙)

Fine-tune your cat's position in the panel:

  • ↑ Up - Move cat up by 10px
  • ↓ Down - Move cat down by 10px
  • ← Left - Move cat left by 10px
  • → Right - Move cat right by 10px
  • ⊙ Reset - Reset cat to center position

Main Toggle Button (📌/📍)

Control all UI elements with one button:

  • 📌 Pushpin - Controls visible (click to hide)
  • 📍 Round Pushpin - Controls hidden (click to show)
  • Toggles both skin selector and position controls
  • Can be hidden via three-dot menu (⋮)

🎨 Discover Your Companion

Your cat companion has a rich personality waiting to be discovered:

🔧 Technical Details

  • Lightweight - Only 300KB extension size
  • Performance optimized - Minimal CPU and memory usage
  • TypeScript powered - Reliable and maintainable codebase
  • VS Code 1.74.0+ - Compatible with modern VS Code versions
  • Cross-platform - Works on Windows, macOS, and Linux

🎯 Perfect For

  • Developers who want a fun coding companion
  • Remote workers seeking virtual company
  • Students learning to code with encouragement
  • Anyone who loves cats and wants to add personality to VS Code

🐾 Why Choose CatPanion?

  • Intelligent - Responds to your actual coding behavior with meaningful reactions
  • Non-intrusive - Enhances workflow without disrupting productivity
  • Customizable - Flexible positioning and settings for any workspace
  • Lightweight - Fast installation and minimal resource usage
  • Mysterious - Discover new behaviors and animations as you code
  • Delightful - Experience the joy of having a true coding companion

📦 Installation

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "CatPanion"
  4. Click Install
  5. Enjoy your new coding companion!

🤝 Support & Feedback

Created with ❤️ by Ricky Guo


Transform your coding experience with CatPanion - because every developer deserves a purr-fect companion! 🐱✨

Keywords: cat companion, coding companion, VS Code extension, animated pet, developer tools, customizable tools, productivity, cute cat, programming assistant, vibe coding

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft