🎮 MiniDev
Your sarcastic pixel art coding companion for VS Code.
Seu companheiro de código pixel art sarcástico para o VS Code.
🇧🇷 Português
O que é o MiniDev?
MiniDev é uma extensão para o VS Code que adiciona um avatar pixel art interativo ao seu ambiente de desenvolvimento. Ele observa o que você está fazendo e comenta — com sarcasmo, humor e dicas técnicas reais.
Não é um chatbot. Não precisa de API. É um companheiro de código com personalidade própria.
✨ Funcionalidades
🧑🎨 Avatar Personalizável
- Sprites pixel art de alta qualidade (48×48px, estilo Limezu)
- Escolha tom de pele, olhos, estilo de cabelo, cor do cabelo e acessórios
- Clique no avatar para abrir o editor de aparência
💬 Balão de Fala Estilo HQ
- Mensagens exibidas em balão branco com borda preta — visual de história em quadrinhos
- Transições suaves ao trocar de mensagem
🔄 Flip Automático
- O avatar vira automaticamente para olhar na direção do código
- Painel à direita → avatar olha para a esquerda
- Painel à esquerda → avatar olha para a direita
🧠 Comentários Contextuais
O MiniDev reage ao que acontece no editor:
| Gatilho |
Exemplo de fala |
| Arquivo com erros |
"Vermelho combina com seu código hoje." |
| Trocou de arquivo |
"Dica: use optional chaining (?.) pra evitar 'cannot read property of undefined'." |
| Madrugada |
"Programando de madrugada. O clássico." |
| Fim de semana |
"Fim de semana e você aqui. Voluntário ou coagido?" |
| Salvou o arquivo |
"Ctrl+S. O reflexo mais desenvolvido do programador." |
| Branch main |
"Commitando direto na main. Corajoso." |
| 5min sem mexer |
"Zzz..." |
📚 Dicas Técnicas por Linguagem
Mais de 200 dicas reais sobre:
- JavaScript — optional chaining, structuredClone, AbortController e mais
- TypeScript — satisfies operator, template literal types, branded types
- Python — walrus operator, match/case, Ruff, Pydantic v2
- PHP — PHP 8.3, readonly classes, enums nativos, Fibers
- CSS — container queries, :has(), @layer, CSS nesting nativo
- HTML —
<dialog>, popover API, fetchpriority, inert
- Java — Virtual Threads, Records, Sealed Classes, GraalVM
- C# — primary constructors, collection expressions, required members
- React — React 19, Server Components, useOptimistic, React Compiler
- Node.js — watch nativo, SQLite nativo, fetch nativo, Permission Model
- Git — git bisect, worktree, reflog, conventional commits
- Docker — multi-stage builds, BuildKit, docker scout
🗂️ Painel Flexível
- Aparece como painel colapsável no Explorer (ao lado de Outline e Timeline)
- Pode ser movido para qualquer posição na sidebar
- Ocupa espaço mínimo — expande e colapsa com um clique
🚀 Como usar
- Instale a extensão
- Abra o Explorer (
Ctrl+Shift+E) e role até ver o painel MINIDEV
- Clique no avatar para personalizar sua aparência
- Abra qualquer arquivo e veja o MiniDev reagir
Nenhuma API key necessária. Funciona 100% offline.
📸 Preview
┌─────────────────────────────────┐
│ MINIDEV │
│ │
│ [avatar] ◄ [PHP 8.3 trouxe │
│ typed class │
│ constants!] │
│ │
└─────────────────────────────────┘
🇺🇸 English
What is MiniDev?
MiniDev is a VS Code extension that adds an interactive pixel art avatar to your development environment. It watches what you're doing and comments — with sarcasm, humor, and real technical tips.
It's not a chatbot. It doesn't need an API key. It's a coding companion with its own personality.
✨ Features
🧑🎨 Customizable Avatar
- High-quality pixel art sprites (48×48px, Limezu style)
- Choose skin tone, eyes, hairstyle, hair color, and accessories
- Click on the avatar to open the appearance editor
💬 Comic Book Speech Bubble
- Messages displayed in a white bubble with black border — classic comic book style
- Smooth transitions between messages
🔄 Auto Flip
- The avatar automatically flips to look toward the code
- Panel on the right → avatar looks left
- Panel on the left → avatar looks right
MiniDev reacts to what happens in the editor:
| Trigger |
Example message |
| File has errors |
"The editor turned red. Just like your eyes at 3am." |
| Switched files |
"Tip: use optional chaining (?.) to avoid 'cannot read property of undefined'." |
| Late night |
"Coding at midnight. The classic." |
| Weekend |
"Weekend and you're here. Volunteer or coerced?" |
| Saved file |
"Ctrl+S. The most developed reflex of a programmer." |
| On main branch |
"Committing directly to main. Brave." |
| 5min idle |
"Zzz..." |
📚 Language-Specific Tech Tips
Over 200 real tips covering:
- JavaScript — optional chaining, structuredClone, AbortController and more
- TypeScript — satisfies operator, template literal types, branded types
- Python — walrus operator, match/case, Ruff, Pydantic v2
- PHP — PHP 8.3, readonly classes, native enums, Fibers
- CSS — container queries, :has(), @layer, native CSS nesting
- HTML —
<dialog>, popover API, fetchpriority, inert attribute
- Java — Virtual Threads, Records, Sealed Classes, GraalVM
- C# — primary constructors, collection expressions, required members
- React — React 19, Server Components, useOptimistic, React Compiler
- Node.js — native watch, native SQLite, native fetch, Permission Model
- Git — git bisect, worktree, reflog, conventional commits
- Docker — multi-stage builds, BuildKit, docker scout
🗂️ Flexible Panel
- Appears as a collapsible panel in the Explorer (alongside Outline and Timeline)
- Can be moved to any sidebar position
- Minimal footprint — expands and collapses with one click
🚀 How to use
- Install the extension
- Open the Explorer (
Ctrl+Shift+E) and scroll down to the MINIDEV panel
- Click on the avatar to customize its appearance
- Open any file and watch MiniDev react
No API key required. Works 100% offline.
🛠️ Tech Stack
- TypeScript + VS Code Extension API
- Canvas 2D for layered sprite rendering
- Pixel art assets by Limezu
📄 License
MIT — see LICENSE for details.
| |
