👾 Pixel Buddy — Your Interactive Pixel Art Coding Companion
Pixel Buddy is a delightful, ultra-compact pixel-art companion that lives right inside your VS Code sidebar. She walks around, sits, leaps into the air, waves her hand 👋, and spins 360° 🔄 while offering motivational quotes, developer jokes, file-save celebrations, and bug alerts!
🧠 How Pixel Buddy Improves Your Focus & Productivity
Coding for hours can cause mental fatigue and eye strain. Pixel Buddy is designed to be your ambient productivity partner:
- ☕ Cognitive Micro-Breaks: Gentle, ambient movements (walking, sitting, hand waving) give your eyes pleasant visual micro-breaks during long debugging sessions, preventing burnout without pulling you out of your flow.
- 💡 Instant Motivation & Humorous Relief: Click Pixel Buddy anytime to get an instant spark of motivation or a relatable dev joke when code gets tough.
- ⚡ Ultra-Compact & Non-Intrusive: Scaled down perfectly to fit in your sidebar or bottom panel without taking space from your editor, code tabs, or terminal workspace.
- 🎨 Monochrome Theme Auto-Matching: Adapts instantly to VS Code Dark, Light, and High Contrast themes with crisp, pixelated speech cards.
✨ Features & Movements
- 🦘 Cute Hop Jump: Parabolic physics-based jump arc when clicked.
- 👋 Hand Waving Animation: Rapid 2-frame arm-waving loop to say hello!
- 🔄 360° Spin Turn: Centered horizontal rotation matrix spin.
- 🪑 Sit & Idle: Natural idle pauses and walk cycles.
- 💾 Event Reactivity: Celebrates when you save files (
Ctrl+S) or encounter build errors!
- 💬 Retro Monochromatic Speech Card: Crisp monospace text box with zero background artifacts.
⚙️ Customization Settings
Adjust Pixel Buddy's behavior directly in your VS Code Settings (Ctrl+, → search for Pixel Buddy):
| Setting |
Type |
Default |
Description |
pixelBuddy.petSize |
enum |
"medium" |
Choose character size (nano: 24px, medium: 36px, large: 48px). |
pixelBuddy.speed |
enum |
"normal" |
Adjust walking speed (slow, normal, fast). |
pixelBuddy.theme |
enum |
"auto" |
Matches VS Code theme automatically (auto, light, dark). |
🚀 Commands
Access these from the Command Palette (Ctrl+Shift+P / Cmd+Shift+P):
Pixel Buddy: Get Encouragement — Get a motivational developer quote.Pixel Buddy: Tell a Coding Joke — Read a fun dev joke.Pixel Buddy: Reset Pet Position — Bring Pixel Buddy back to the center.
📦 How to Package & Publish to VS Code Marketplace
Follow these steps to publish Pixel Buddy under your publisher account:
1. Prerequisites
Ensure you have a Visual Studio Marketplace Publisher Account and a Personal Access Token (PAT) from Azure DevOps.
2. Login to VSCE
In your terminal, log in to your publisher account:
npx @vscode/vsce login SURABHIMR
(Replace SURABHIMR with your registered publisher ID if needed)
3. Package to .vsix
Create the production package file (.vsix):
npm run package
This generates pixel-buddy-0.1.0.vsix in your root directory! You can manually install it in VS Code via:
Extensions Menu (Ctrl+Shift+X) -> ... -> Install from VSIX...
4. Publish to Marketplace
Publish directly to the VS Code Marketplace:
npx @vscode/vsce publish
📄 License
MIT License © 2026 Surabhi M R
