🔓 unclaimed — this page was auto-generated from GitHub. Are you the creator?
Claim this page →
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…
git clone https://github.com/Yg0rAndrade/carcara-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.
▶ 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:
- 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.
- 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).
- 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.
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.
Qualquer IA com CLI, por projeto
Cada projeto escolhe qual CLI usar: Claude Code, Codex, OpenCode, Antigravity ou um comando personalizado.
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 (
claudeno terminal funcionando) — o chat usa a mesma autenticação.
Notas (MVP)
- O chat roda em modo
bypassPermissionspra 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_NODEantes ($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.
- Abra uma issue descrevendo o bug ou a ideia (ou pegue uma que já exista).
- Faça um fork, crie uma branch (
git checkout -b minha-melhoria). - Rode local com
npm install && npm startpra testar. - Lembre: edições em
src/só aparecem depois denpm run build(o app carrega dedist/). - 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
| Platforms | cli, api, desktop, web, mobile |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | MIT |
| Pricing | open-source |
| Language | JavaScript |
// 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.
// embed badge
[](https://claudeers.com/carcara-code)
// retro hit counter
[](https://claudeers.com/carcara-code)
// reviews
// guestbook
// related in Developer Tools
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Curs…
Use Garry Tan's exact Claude Code setup: 23 opinionated tools that serve as CEO, Designer, Eng Manager, Release Manager, Doc Engineer, and QA
🙌 OpenHands: AI-Driven Development
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.