claudeers.

🔓 unclaimed — this page was auto-generated from GitHub. Are you the creator?

Claim this page →
// Developer Tools

carcara-code

Carcará Code: IDE desktop em Electron para programar com o Claude Code de forma visual e minimalista (inspirado no Lovable). Inclui preview ao vivo com "grab…

// Developer Tools[ cli ][ api ][ desktop ][ web ][ mobile ][ claude ]#claude#devtoolsMIT$open-sourceupdated 5 days ago
// install
git clone https://github.com/Yg0rAndrade/carcara-code

Carcará Code

Carcará Code

Infinitos projetos, um único voo.
IDE minimalista para o Claude Code (ou qualquer IA com CLI). Um ícone por projeto, chat e preview lado a lado.

Carcará Code: chat com o Claude Code à esquerda e preview do projeto rodando à direita

Assista à demonstração do Carcará Code
▶  Assista à demonstração no YouTube


O que é

Eu costumo tocar vários projetos ao mesmo tempo, e trabalhar com IA nisso virava um caos de janelas: uma instância do VS Code por projeto, um terminal em cada, o preview no navegador, o Git noutro canto.

O Carcará Code junta tudo num lugar só. Três painéis, zero firula:

  1. Rail — um ícone por projeto (varre a sua pasta raiz). Cada ícone tem a sua sessão de IA viva; dá pra ter o Claude trabalhando em três projetos em paralelo e voar entre eles num clique.
  2. Chat — conversa com o Claude Code naquele projeto (usa a sua assinatura, não a API: não precisa de API key e a conta não passa por ninguém).
  3. Preview — detecta o script dev/start, sobe o servidor e mostra o site embutido. Se já estiver rodando, não sobe de novo.

Recursos

Preview automático ao selecionar o projeto

Clicou no ícone, o preview sobe sozinho. Chat de um lado, site do outro, e a mudança aparece na hora.

Preview do site rodando embutido, ao lado do chat

Editor de código com árvore de arquivos

Quando precisa pôr a mão no código, o editor (CodeMirror) e a árvore de arquivos estão ali, sem trocar de janela.

Editor de código com árvore de arquivos

Qualquer IA com CLI, por projeto

Cada projeto escolhe qual CLI usar: Claude Code, Codex, OpenCode, Antigravity ou um comando personalizado.

Tela de configuração: escolher a CLI de IA por projeto

E ainda: chamadas de API (aba REST), conexão MCP, subir pro GitHub e checkpoints para "voltar no tempo" — sem sujar o Git do seu projeto (o histórico vive num repositório-sombra separado).

Baixar (Windows)

Pegue o instalador mais recente na página de Releases. Baixe o CarcaraCode-Setup-*.exe, execute e pronto.

Na primeira execução o Windows pode mostrar um aviso do SmartScreen ("O Windows protegeu seu PC"), porque o instalador ainda não é assinado. Clique em Mais informações → Executar assim mesmo. É seguro — o código é aberto, dá pra auditar tudo aqui.

Como rodar (a partir do código)

npm install
npm start

Na primeira vez, clique no + do rail pra escolher a pasta onde ficam seus projetos (padrão: ~/Documents/github). Cada subpasta vira um ícone.

Requisitos

  • Node.js instalado.
  • Claude Code instalado e logado (claude no terminal funcionando) — o chat usa a mesma autenticação.

Notas (MVP)

  • O chat roda em modo bypassPermissions pra ter o fluxo "Lovable" (sem pedir confirmação a cada passo).
  • O preview detecta a porta lendo a saída do dev server (http://localhost:PORT).
  • Estado por projeto (chat/preview) vive em memória enquanto o app está aberto.
  • Se for abrir de dentro de um terminal do Claude Code, limpe ELECTRON_RUN_AS_NODE antes ($env:ELECTRON_RUN_AS_NODE=$null; npm start) — essa variável faz o Electron rodar como Node puro. Num terminal normal não precisa.

Como contribuir

Toda ajuda é bem-vinda — bug, ideia, tradução, ou código.

  1. Abra uma issue descrevendo o bug ou a ideia (ou pegue uma que já exista).
  2. Faça um fork, crie uma branch (git checkout -b minha-melhoria).
  3. Rode local com npm install && npm start pra testar.
  4. Lembre: edições em src/ só aparecem depois de npm run build (o app carrega de dist/).
  5. Abra um pull request explicando o que mudou e por quê.

Não precisa ser perfeito — PRs pequenos e focados são os mais fáceis de revisar e aceitar.

Stack

Electron + React + Vite, CodeMirror (editor), xterm + node-pty (terminal), Tailwind. O chat conversa com o Claude Code que você já tem instalado.

Licença

MIT © Ygor Andrade — use, modifique e distribua à vontade.

// compatibility

Platformscli, api, desktop, web, mobile
Operating systems
AI compatibilityclaude
LicenseMIT
Pricingopen-source
LanguageJavaScript

// faq

What is carcara-code?

Carcará Code: IDE desktop em Electron para programar com o Claude Code de forma visual e minimalista (inspirado no Lovable). Inclui preview ao vivo com "grab" de elementos, abas para conectores REST e MCP, e identidade visual própria (carvão quente + brasa). Roda via assinatura, nunca por API.. It is open-source on GitHub.

Is carcara-code free to use?

carcara-code is open-source under the MIT license, so it is free to use.

What category does carcara-code belong to?

carcara-code is listed under devtools in the Claudeers registry of Claude-compatible tools.

0 views
28 stars
unclaimed
updated 5 days ago

// embed badge

carcara-code on Claudeers
[![Claudeers](https://claudeers.com/api/badge/carcara-code.svg)](https://claudeers.com/carcara-code)

// retro hit counter

carcara-code hit counter
[![Hits](https://claudeers.com/api/counter/carcara-code.svg)](https://claudeers.com/carcara-code)

// reviews

// guestbook

0/500

// related in Developer Tools

🔓

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Curs…

// devtoolsaffaan-m/JavaScript225,699MIT[ claude ]
🔓

Use Garry Tan's exact Claude Code setup: 23 opinionated tools that serve as CEO, Designer, Eng Manager, Release Manager, Doc Engineer, and QA

// devtoolsgarrytan/TypeScript119,234MIT[ claude ]
🔓

🙌 OpenHands: AI-Driven Development

// devtoolsOpenHands/Python79,324NOASSERTION[ claude ]
🔓

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

// devtoolsDietrichGebert/JavaScript73,042MIT[ claude ]
→ see how carcara-code connects across the ecosystem