CoreCode — Extensão VS Code

348+ modelos de IA diretamente no VS Code — Groq (grátis), Claude, GPT-4.1, Gemini, Grok, DeepSeek, Mistral, Ollama e muito mais.

📦 Instalar no VS Code · 🌐 Site · ⭐ CLI no GitHub · 📖 Docs

O que é?

CoreCode VS Code Extension é a extensão oficial do CoreCode CLI para o Visual Studio Code. Ela traz um painel de chat completo com 348+ modelos de IA para dentro do editor, com seletor de modelos por abas, suporte a múltiplos provedores, integração com o terminal e tema escuro exclusivo.

Criada por Estevam Souza como interface visual para o CoreCode — sem abrir o navegador, sem trocar de contexto, tudo dentro do VS Code.

✨ Novidades na v0.2.1

• Painel de chat completo — interface de chat estilo Blackbox AI diretamente no editor
• 348+ modelos — cobrindo 10+ provedores com seletor por abas
• 14 modelos Groq gratuitos — sem cartão de crédito, comece agora
• Seletor interativo de modelos — 8 abas (CoreCode, Claude, OpenAI, Google, xAI, DeepSeek, Mistral, OpenRouter) com busca
• Badges de destaque — FREE (verde), New (laranja), Reasoning (azul), Code (amarelo)
• Integração com terminal — dispare o CoreCode CLI a um clique
• Tema CoreCode Terminal Black — tema escuro exclusivo para terminais
• Control Center na Activity Bar com status do workspace

Funcionalidades

Instalação

Via Command Palette (recomendado)

Pressione Ctrl+P (ou Cmd+P no macOS) e cole:

ext install corecodecli.corecode-vscode

Via busca nas extensões

1. Abra a aba de extensões (Ctrl+Shift+X)
2. Pesquise: CoreCode
3. Filtre por publisher: corecodecli
4. Clique em Install

Via link direto

Instalar no VS Code Marketplace →

Via VSIX (instalação offline)

# Baixe o .vsix e instale manualmente
code --install-extension corecode-vscode-0.2.1.vsix

Pré-requisitos

Instalar o CoreCode CLI

npm install -g @estevamsl/corecode
# ou
curl -fsSL https://raw.githubusercontent.com/estevam5s/CoreCode/main/install.sh | sh

Primeiro uso — Chat IA

1. Abrir o Chat

Três formas de abrir o painel de chat:

• Clique no ícone CoreCode na Activity Bar (barra lateral esquerda)
• Use o atalho via Command Palette → CoreCode: Abrir Chat IA
• Clique no ícone 💬 no cabeçalho de qualquer arquivo aberto

2. Selecionar um modelo

O painel inicia com o modelo padrão groq/llama-3.3-70b-versatile (gratuito).

Para trocar:

1. Clique na barra de status inferior do chat (mostra o modelo ativo)
2. O seletor de modelos abre com 8 abas de providers
3. Use a busca para filtrar por nome
4. Clique no modelo desejado

3. Conversar

Digite sua pergunta no campo de input e pressione Enter ou clique no botão de envio. O modelo responde com markdown renderizado, incluindo code blocks com syntax highlighting.

Seletor de Modelos

O seletor possui 8 abas com modelos reais:

CoreCode (Groq — Gratuitos)

Claude (Anthropic)

OpenAI

Google

xAI

DeepSeek

Mistral

OpenRouter (30+ exclusivos)

Modelos Gratuitos via Groq

Sem precisar de API key para começar — 14 modelos gratuitos na aba CoreCode:

groq/llama-3.3-70b-versatile        ← padrão recomendado
groq/llama-3.1-8b-instant           ← mais rápido
groq/llama3-70b-8192
groq/mixtral-8x7b-32768
groq/gemma2-9b-it
groq/gemma-7b-it
groq/llama-guard-3-8b
groq/llama-3.3-70b-specdec
groq/llama-3.2-90b-vision-preview   ← visão
groq/llama-3.2-11b-vision-preview   ← visão
groq/llama-3.2-3b-preview
groq/llama-3.2-1b-preview
groq/deepseek-r1-distill-llama-70b  ← raciocínio
groq/qwen-qwq-32b                   ← raciocínio

Para usar modelos pagos (Claude, GPT-4.1, etc.), configure sua API key nas configurações da extensão ou via variáveis de ambiente.

Comandos disponíveis

Atalhos de teclado sugeridos

Adicione em keybindings.json:

[
  {
    "key": "ctrl+shift+a",
    "command": "corecode.openChat"
  },
  {
    "key": "ctrl+shift+t",
    "command": "corecode.start"
  }
]

Configurações

Configurar via settings.json

{
  "corecode.launchCommand": "corecode",
  "corecode.terminalName": "CoreCode AI",
  "corecode.defaultModel": "claude-sonnet-4-6",
  "corecode.useOpenAIShim": false
}

Control Center

O Control Center fica na Activity Bar (barra lateral esquerda) e mostra:

• ✅ / ❌ Se o comando corecode está instalado no PATH
• 📁 Workspace ativo e diretório de trabalho que será usado
• 🤖 Provider e modelo detectados (via .corecode-profile.json ou variáveis de ambiente)
• 🔧 Comando de launch configurado
• 📄 Se existe .corecode-profile.json na raiz do projeto

.corecode-profile.json

Arquivo de perfil por projeto — salvo na raiz do workspace:

{
  "provider": "groq",
  "model": "llama-3.3-70b-versatile",
  "systemPrompt": "Você é um assistente especialista em TypeScript e React."
}

O Control Center prioriza este arquivo sobre variáveis de ambiente para mostrar o status correto.

Tema CoreCode Terminal Black

A extensão inclui um tema escuro exclusivo para o terminal:

Ativar:

1. Ctrl+Shift+P → Preferences: Color Theme
2. Selecione CoreCode Terminal Black

Características:

• Fundo: #0a0a0f (preto profundo)
• Laranja primário: #E8955A
• Laranja secundário: #D4603A
• Strings: #E8955A
• Comentários: #444466
• Palavras-chave: #7289DA

Arquitetura da extensão

corecode-vscode/
├── src/
│   ├── extension.js       # Ponto de entrada — registra comandos e providers
│   ├── chat-panel.js      # CoreCodeChatProvider — WebviewPanel com chat UI
│   ├── models.js          # Registro de 348+ modelos com tabs e metadados
│   ├── presentation.js    # Control Center — WebviewView na Activity Bar
│   └── state.js           # Gerenciamento de estado do workspace e profile
├── media/
│   ├── corecode-cli.png   # Ícone da extensão (128×128 PNG)
│   └── corecode.svg       # Ícone SVG para o painel
├── themes/
│   └── CoreCode-Terminal-Black.json  # Tema escuro
└── package.json           # Manifesto da extensão

Fluxo de dados do Chat

Usuário digita → WebView (chat-panel HTML)
  → postMessage({ type: 'sendMessage', payload: { text, modelId } })
  → CoreCodeChatProvider._handleMessage()
  → CoreCodeChatProvider._handleChat(text, modelId)
  → Resposta (mock ou API)
  → postMessage({ type: 'appendChunk', payload: { chunk } })
  → WebView renderiza na bolha de resposta

Registro de modelos (models.js)

const ALL_MODELS = [
  {
    id: 'groq/llama-3.3-70b-versatile',
    name: 'Llama 3.3 70B',
    provider: 'Groq',
    tab: 'CoreCode',
    free: true,
  },
  {
    id: 'claude-opus-4-6',
    name: 'Claude Opus 4.6',
    provider: 'Anthropic',
    tab: 'Claude',
    badge: 'New',
  },
  // ... 346+ modelos
];

Desenvolvimento local

Requisitos

• Node.js ≥ 20
• VS Code ≥ 1.95
• @vscode/vsce para empacotamento

Setup

# Clone o repositório
git clone https://github.com/estevam5s/CoreCode.git
cd CoreCode/corecode-vscode

# Instale as dependências (nenhuma runtime dependency)
npm install

# Abra no VS Code
code .

Executar em modo desenvolvimento

1. Pressione F5 no VS Code para abrir uma Extension Development Host
2. Na janela que abrir, use Ctrl+Shift+P → CoreCode: Abrir Chat IA

Testes

npm run test

Os testes usam o Node.js test runner nativo (node --test).

Lint

npm run lint

Verifica sintaxe JS via node --check (sem dependências externas).

Empacotar .vsix

npm run package
# ou
npx @vscode/vsce package --no-dependencies

Gera: corecode-vscode-X.Y.Z.vsix

Instalar localmente

code --install-extension corecode-vscode-0.2.1.vsix

Publicar no Marketplace

npx @vscode/vsce publish -p SEU_PAT --no-dependencies

Necessário ter o publisher corecodecli criado em marketplace.visualstudio.com/manage/publishers.

Contribuindo

Pull requests são bem-vindos!

# Fork → clone → branch
git clone https://github.com/estevam5s/CoreCode.git
cd CoreCode/corecode-vscode
git checkout -b feature/minha-funcionalidade

# Desenvolva
# Pressione F5 para testar

# Abra um PR

Adicionar um novo modelo

Edite src/models.js e adicione na lista ALL_MODELS:

{
  id: 'provider/model-id',     // ID único usado na API
  name: 'Nome do Modelo',      // Nome exibido no seletor
  provider: 'NomeProvider',    // Provider (string)
  tab: 'NomeAba',              // Aba onde aparece (CoreCode, Claude, OpenAI...)
  free: true,                  // opcional — exibe badge FREE verde
  badge: 'New',                // opcional — New, Reasoning, Code
}

Adicionar uma nova aba

Em src/models.js, adicione o nome da aba ao array TABS e atribua modelos com tab: 'NovaAba'.

Perguntas frequentes

Q: Preciso de API key para usar? Não. A aba CoreCode usa modelos Groq que funcionam sem configuração. Para Claude, GPT-4, etc., você precisará de chave do provider respectivo.

Q: Como configurar minha chave de API? Configure como variável de ambiente:

export GROQ_API_KEY=gsk_...
export OPENAI_API_KEY=sk-proj-...
export ANTHROPIC_API_KEY=sk-ant-...

Ou via corecode.defaultModel nas configurações do VS Code.

Q: A extensão envia meu código para servidores externos? Apenas quando você envia uma mensagem. As mensagens são enviadas diretamente para a API do provider escolhido (Groq, OpenAI, Anthropic, etc.). A extensão em si não coleta nenhum dado.

Q: Funciona com VS Code Insiders? Sim, plenamente compatível.

Q: Posso usar com Cursor ou outras forks do VS Code? Compatível com qualquer fork que suporte extensões do Marketplace.

Changelog

v0.2.1

• Publisher migrado para corecodecli
• Descrição e keywords melhoradas para busca no Marketplace
• Correção de nome do tema (CoreCode-Terminal-Black.json)
• Adição de LICENSE MIT

v0.2.0

• Painel de Chat IA completo — interface WebView com 348+ modelos
• Seletor de modelos por abas — 8 providers com busca
• 14 modelos Groq gratuitos na aba CoreCode
• Badges por tipo: FREE, New, Reasoning, Code
• Integração com terminal para lançar CoreCode CLI
• Botão de configurações e terminal no cabeçalho do chat
• Persistência do modelo selecionado via globalState

v0.1.0

• Lançamento inicial — Control Center básico
• Comandos de launch no terminal
• Tema CoreCode Terminal Black

Links úteis

Autor

Criado por Estevam Souza

• GitHub: @estevam5s
• Site: core-code-landing.vercel.app
• npm: @estevamsl/corecode

Licença

MIT © Estevam Souza