I Turned My Editor Into a Pokémon World That Levels Up When I Actually Ship

작성자

카테고리:

← 피드로
DEV Community · Enrique Uribe · 2026-09-18 개발(SW)

Repo: https://github.com/UribeJr/pokedev

Most editor pets are wallpaper.

Cute? Sure. Connected to the work you’re already doing? Not really.

So I built PokéDev — a VS Code / Cursor extension where your partner lives in a nostalgic 2D overworld (or classic floor pets), and Trainer + Partner XP come from saves, commits, coding time, and successful builds/tests — including Shopify theme/app outcomes when that’s your workspace.

PokéDev overworld

What I built

A living Pokémon layer for the editor:

  • Progression tied to real work — batched saves, coding time, Git commits, verified task exits
  • GitHub Trainer Card — public GitHub identity + live in-editor progression (PokéDev or Crystal Day/Night skins)
  • Optional DEV Community badges — set pokedev.devUsername to your public DEV username (yes, you) and your badges show on the Trainer Card / PokéGear — no OAuth
  • PokéGear + Explorer views — Status, Activity, Badges, Party, Bag, Daily Challenges
  • Shopify-aware Dev Actions — theme check/push and app build/deploy earn XP only on verified success
  • Agent-aware idle clockauto / manual / agentic so coding time stays honest when you’re supervising an agent

Local-first and privacy-conscious: public GitHub / DEV reads only — no OAuth, no telemetry.

Trainer Card

The sticky idea

Your partner should level up from the work you already do — not from fake clicks.

Saves and commits matter. Successful builds matter. Watching an agent type for twenty minutes shouldn’t look like you wrote a novel.

That’s why progression batches real events, and the idle clock has modes for human typing vs agent supervision.

PokéGear

Daily Challenges

Built with

TypeScript, VS Code Extension API + webviews, webpack, local extension storage, public GitHub + DEV HTTP only.

GitHub logo UribeJr / pokedev

PokéDev — nostalgic Pokémon sprites and a GitHub Trainer Card for your VS Code/Cursor window

PokéDev

Nostalgic Pokémon sprites and a GitHub Trainer Card for your VS Code / Cursor window — partners that level up with the work you already do.

Version License VS Code

PokéDev collage — overworld, Trainer Card, PokéGear, party, and daily challenges

Demo

Live product captures (not placeholders):


Cave environment with Pokémon roaming in the PokéDev world panel   PokéGear Party tab with Poké Ball cosmetics picker

Choose Trainer — Generation I portraits   Choose Trainer — Generation III portraits

Overview

Coding sessions are long; most editor pets are just decoration. PokéDev turns your VS Code or Cursor sidebar into a living Pokémon world: pick a partner, watch it roam a 2D overworld (or classic floor pets), and earn real Trainer + Partner XP from saves, commits, coding time, and successful builds/tests — including Shopify theme/app outcomes when that is your workspace.

Built and maintained by UribeJr as a personal, actively developed fan project. Free, local-first, and privacy-conscious: public GitHub / DEV Community reads only — no OAuth, no telemetry.

Highlights

  • Progression tied to real work — batched saves, coding time, Git commits, and verified task…




Honest status

v6.2.0 and actively developed — not on the VS Marketplace / Open VSX yet. Install path today: clone → npm installnpm run compile → hit F5, or package a local .vsix.

If you write on DEV, drop your username into pokedev.devUsername and your public badges show up on the card.

What’s next

Marketplace packaging, finishing a couple Trainer Card counters, and more polish on the overworld feel.

Fan project — not affiliated with Nintendo, The Pokémon Company, Game Freak, Shopify, or DEV Community.

What would your editor partner evolve into after a week of real commits?

원문에서 계속 ↗