
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…
Install with your AI
Paste into Claude Code, Cursor, or any agent — it reads the repo and wires the tool into your project.
Install and set up carcara-code (git-clone project) into my current project. Found on https://claudeers.com/carcara-code Repo: https://github.com/Yg0rAndrade/carcara-code Homepage/docs: — Detected install method: git-clone → git clone https://github.com/Yg0rAndrade/carcara-code Category: devtools. Platforms: cli, api, desktop, web, mobile. Read the repo's README for exact setup and env vars, then install it and wire it into my project. Claudeers Health Verdict: active; community-verified: false. Confirm the source before running anything.
git clone https://github.com/Yg0rAndrade/carcara-code
// compatibility
| Platforms | cli, api, desktop, web, mobile |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | MIT |
| Pricing | open-source |
| Language | JavaScript |
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.
// 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
AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs,…
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.