REA: a ferramenta open source que clona sistemas! (190k+ estrelas)

Author: Matheus Battisti - Hora de Codar · Watch on YouTube

Video authored by the channel shown, not by IANIA; all rights belong to the creator. Transcript and summary generated automatically; the original-language content is preserved.

Original language: Portuguese

Original video: REA: a ferramenta open source que clona sistemas! (190k+ estrelas) · Channel: Matheus Battisti - Hora de Codar · 17:00 · Watch on YouTube

Topics: AI agents, Cybersecurity and software security, Software engineering with AI, Open source and software ecosystems

Summary

O vídeo apresenta o REA (Reverse Engineer Anything), uma ferramenta open source que analisa sites e aplicativos, documenta como funcionam e ajuda um agente de IA a recriá-los. O processo é dividido em duas etapas: análise do sistema original e construção de uma versão própria com base nas informações coletadas. O apresentador demonstra a abordagem com o Monkeytype e mostra também um clone simplificado do Excalidraw. Ele ressalta limitações técnicas, diferenças de suporte entre sistemas operacionais e a importância de considerar a legalidade e os limites de uma clonagem.

Key points

O REA combina um servidor MCP e uma skill para permitir que um agente de IA inspecione um site ou aplicativo.
O fluxo de trabalho tem duas etapas principais: analisar e documentar o sistema original; depois, construir uma implementação própria.
Durante a análise, o agente pode pedir que a pessoa teste funcionalidades e forneça informações adicionais.
A demonstração do Monkeytype usa a documentação gerada para criar um clone em português com Next.js, TypeScript e Tailwind.
O apresentador mostra um clone simplificado do Excalidraw com recursos de desenho, zoom e persistência após recarregar a página.
O resultado depende do escopo definido e pode exigir iterações para completar funcionalidades que ficaram de fora.
O vídeo menciona limitações no Windows e indica que a ferramenta funciona melhor em macOS e Linux.
O apresentador alerta que a clonagem de certos sistemas pode ser ilegal e recomenda usar o processo como ponto de partida, não como cópia automática.

Chapters

Start	Chapter	Summary
00:00	O que é o REA e como funciona	O apresentador introduz a ferramenta, explica o fluxo de análise e construção e comenta sua compatibilidade com diferentes sistemas operacionais.
03:36	Análise do Monkeytype	O agente inspeciona o site, testa recursos de digitação e registra observações e limitações em documentação.
08:15	Preparação do clone e demonstração do Excalidraw	O apresentador define o escopo do clone do Monkeytype e mostra uma versão simplificada do Excalidraw criada pelo mesmo processo.
09:16	Resultado do clone do Excalidraw	A demonstração compara o clone com o sistema original e exibe recursos implementados, enquanto o vídeo inclui um segmento promocional da Hostinger.
12:52	Construção e teste do clone do Monkeytype	O agente conclui o projeto e o apresentador testa a digitação, os cálculos de desempenho e alguns atalhos.
15:28	Limites, legalidade e conclusão	O apresentador recomenda iterar sobre o resultado, alerta sobre possíveis questões legais e encerra com avisos e agradecimentos.

Quotes

Ele vai ler um app em Electron; se o sistema que tu pedir para clonar for feito em Electron. — 01:34

A gente pode separar em duas partes: a análise e a construção. — 02:35

Eu vou criar um projeto chamado Digitaí, totalmente separado, usando Next.js, TypeScript e Tailwind. — 08:15

Isso aqui seria, para mim, como uma base inicial, para poder instruir o Claude ou qualquer agente. — 15:28

Concepts and entities

REA (Reverse Engineer Anything), MCP, skill, Monkeytype, Excalidraw, Claude Code, Codex, Opus 5.5, Next.js, Hostinger

Full transcript (original language)

00:00 Gara, tá bombando um novo repositório lá no GitHub de engenharia reversa. É o Rea ou Ria, Reverse Engineer Anything. Ele faz o quê? Ele lê um site, um sistema no teu PC e faz uma análise para poder entender como ele funciona, inclusive usa ele, testa as funcionalidades e no fim ele gera uma spec para poder clonar esse sistema. Tu consegue fazer basicamente qualquer sistema que tem

00:31 instalado no teu PC ou site que tu consiga acessar. O Ria funciona com um servidor MCP para ligar justamente no que tu quer clonar e uma skill para fazer o cloud ou teu agente de IA entender como esse sistema funciona e criar ele em código para ti. Hoje vou te mostrar tudo sobre o Ria, como ele funciona, inclusive vamos criar um sistema na prática para eu te mostrar o processo. Então, chega aí, bora lá. Então galera, como eu falei para vocês, né, o nome é Ria, Ria como preferir

01:03 chamar ou Reverse Engineer Anything e ele é um repositório no GitHub open source, onde tu vai instalar e fazer o processo que eu vou mostrar aqui para vocês para fazer engenharia reversa de algum sistema app ou site. Quando eu tava acompanhando ele no início, estourou muito rápido mesmo, tava com 56.000 stars, galera, e agora tá com mais de 80 já. Então o negócio tá absurdo, questão de dias, tá? E a ideia é se tu aponta para uma feature, né, se tu quer alguma funcionalidade isolada ou um sistema e a IA vai fazer o processo

01:34 ali de entender, criar uma spec e depois clonar, tá? Bom, como é que funciona na prática? A gente vai aqui abrir uma sessão no nosso agente de IA, cloud code, codex, cursor, que tu usa, com o Ria instalado, né, então tu vai ter que instalar ele previamente, ele vai habilitar o servidor MCP e uma skill, tá, aí tem uma skill ali que vai ensinar o agente o funcionamento e depois ele começa a agir. Ele vai ler um app em electron, se o sistema que tu pedir para clonar for feito em electron, ele vai

02:05 ler o navegador, se o sistema que tu quer clonar é web ou até tem uma parte de compilador nativo, tá? Aqui vai um adendo, ele funciona muito melhor em Mac e Linux, ele tem outros pacotes, vamos dizer assim, que no Windows não funciona isso, tá? Então no Windows a gente vai ter que uma experiência não tão completa como a do Linux, né? Eu tô usando o Windows aqui, mas vocês vão ver que dá para fazer bastante coisa, tá? E aí, quando ele extrai todas essas informações, ele devolve para a gente, que aí vai conseguir ter toda essa

02:35 documentação para explicar como funciona esse sistema e por fim construir, tá? Então a gente pode separar em duas partes, a análise e a construção, beleza? Então vamos ver na prática lá como funciona, qual que é o repositório e tudo mais. Ó galera, o repositório é esse aqui, que é o REA ou Reverse Engineer Anything, tá? Como eu falei, tá com 87.000 estrelas já, provavelmente quando tu tiver vendo isso aqui já vai tá mais de 90 ou até 100. E aqui se explica tudo como se instala, como funciona, então o setup é bem básico,

03:06 né? Tem um NPX ali, pronto, tá tudo certo. Aí, quando tu tem ele instalado, ó tem até o fluxo aqui, tu vai pedir para o teu agente utilizar o REA, clonar alguma coisa que tenha no teu PC ou na web, que é o que a gente vai fazer aqui, tá? Eu vou mostrar um exemplo que eu fiz alguns testes já, né? Então tá rodando até aqui do Scaledraw e também do Monkey Type. Monkey Type, para quem não conhece, é um site que tu digita ali, ele te dá a tua performance na digitação, tá? Então a gente vai fazer

03:36 esses dois exemplos aqui na prática. Mas antes, galera, eu queria dar para vocês esse material aqui que eu construí nas últimas semanas, que é um e-book bem completo, todo ilustrado, tá? Com uma estratégia para tu pensar num sistema, ter uma ideia do sistema que tu pode vender, criar assinatura, criar ele com SDD e depois achar os teus clientes. Então é um passo a passo que eu coloquei aqui em sete dias só para ficar mais fácil de seguir e tu vai entender todo esse processo para criar teu com a tua IA preferida, tá? Então é um material

04:06 bem denso, quase 200 páginas, tudo super explicado. Aqui nessa página também explica mais como ele funciona, tá? Mas cara, é só tu preencher teus dados aqui que eu te envio para download. Tá bem simples e fácil, não tem muito mistério. Inclusive eu tô produzindo em livro físico isso aqui, tá? Depois eu vou trazer para vocês para poder mostrar mais como ele é, mas tu já consegue baixar. A versão digital é totalmente gratuita, tá? Então o link vai tá aqui no comentário fixado na descrição. Fechou? Bom, vamos lá então? Ó, aqui é o que eu quero mostrar para vocês, tá? Que

04:37 é o que eu vou fazer junto com vocês, o outro já tá quase pronto. Olha só, a primeira coisa que eu fiz foi a análise, tá? Então o prompt é o seguinte, ele fala que quer criar o próprio sistema, aí tu fala qual é o sistema, se for web tu pede para ele abrir o Chrome, ele vai fazer isso, ele abriu aqui uma sessão, ó. Isso aqui foi ele que abriu e tal e tu instrui que é o RIA que vai fazer a coletânea, né, dos dados, tá? E tu pode fazer testes durante a leitura dele. A

05:10 própria IA pode te perguntar alguma coisa ou pedir para tu usar o sistema e tu vai pedir para salvar num arquivo markdown todo o conteúdo, o conhecimento que ele conseguiu extrair do projeto. Então deixa eu ver aqui como é que ele me respondeu. Ele fez a exportação de scripts e tal. Ó, daí ele fala aqui, ó: “Vamos tentar de novo. Eu abri o Chrome, eh aí ele fala para fechar o banner de cookie”, que foi o que eu fiz aqui, ó, accept all, tá? Ele falou para clicar no

05:41 15 no topo e ver se as settings persistem após depois do reload, tá? Então vou fazer isso. Ó, o 15 tá aqui, beleza? A gente pode usar um pouco. E aí recarrega e pronto. Vou falar para ele: “Eh, aceitei o banner, cliquei no 15 e recarreguei”. Eu vou botar aqui pronto, que é a resposta que ele pede, né? Ele é bem direto. Aqui eu tô colocando coisas a

06:12 mais, mas não precisa tanto assim não, tá? Eu vou botar também “Responda em português daqui em diante”. Aí essa etapa é a da análise, como eu falei para vocês. Ele vai pode fazer algumas perguntas, mandar a gente usar, ele vai criar toda a documentação e depois a gente vai executar, beleza? Ó, vou pedir para confirmar o 15, digitar o teste 15 segundos com alguns erros e tudo mais. Então a gente pode já ir utilizando também. Ó, eu vou botar aqui. Isso vai ajudar ele a entender. Eu vou

06:42 testando aqui, galera. Provavelmente eu vou dar umas cortadas, tá? Só para deixar mais dinâmico para vocês, mas isso é normal ele pedir para usar o sistema, tá? Então olha só, galera, ele trouxe aqui, né? Ele falou que salvou o caso de digitação, né? Daí ele botou que as formas batem com o seu teste e tudo mais, né? Para poder dar os resultados no final. Ele trouxe aqui alguns dados, o que conta como erro, o cursor acompanha a posição das letras na tela e ele detectou também algumas limitações. Então o negócio ele acaba

07:13 que não é perfeito, né? Talvez eles evoluam e tudo mais, né? Como eu falei para vocês, tem algumas limitações. Ele botou mapa do código principal, o Real não conseguiu baixar esse mapa de código fonte porque ele passou do limite interno da ferramenta. Então isso aqui, ó, talvez seja um ponto do Claude em si, né? Talvez a gente conseguisse particionar isso, melhorar o prompt, mas eu não vou ficar o tempo insistindo nisso, né? Porque eu acho que vai ficar um resultado legal. Depois da primeira captura, perdi a primeira janela de gravação porque o teste não aconteceu a tempo, a segunda funcionou, né? Porque eu fiquei testando aqui. Corpo dos eventos, o real não conseguiu ver o

07:45 corpo das requisições do Google Analytics, então não dá para garantir que estão vazios, tá? Mas isso aqui não importa muito para a gente. E aí, em ver a saída, ó. Isso aqui é tudo o que ele trouxe, né? Para fazer o projeto. Esse caso de digitação também, tá? Então, ele tem toda essa documentação aqui para fazer o sistema e agora a gente executa. Como eu falei, dá para ficar alisando mais o negócio, né? Mas aí, vai do do momento que tu tá criando, né? Que que, no caso, é um exemplo, né? Então, não tenho essa ideia de perfeição e sim, ver

08:15 o que acontece com o mínimo de esforço possível, né? E aí, obviamente, se melhora. Então, a gente viria agora com o prompt de criação, né? Falando sobre a ideia do meu sistema, que provavelmente não vai querer fazer igual, né? Mas os dados que foram obtidos lá. Então, eu vou criar um projeto chamado Digitaí, totalmente separado, usando Next JS, TypeScript e Tailwind, sem banco, sem login, né? Aqui é só focar na funcionalidade. Eu falo que o Digitaí é um clone do Monkey Type em português. Aí eu falo o que que é o Monkey Type, falo

08:45 sobre o arquivo caso de digitação que ele gerou, né? E aí eu comento algumas das funcionalidades que eu quero, né? Que podem ser diferentes do Monkey Type ou iguais, enfim, a estrutura da aplicação, mais o que ele conseguiu extrair da ferramenta, que tem esses arquivos, tem essa pasta com várias informações também e a sessão também contribui, tá? E agora basta esperar e a gente vai ter o resultado final, beleza? Enquanto ele não cria aqui, eu quero mostrar o resultado que eu tive criando o Scoliodraw. Para quem não sabe, Scoliodraw é uma ferramenta

09:16 de desenho livre, né? Na internet, que muita gente usa para criar aqui esboço e tal, né? Infográficos, tudo em tempo real. Aí, galera, eu abri aqui só para mostrar para vocês, eu acredito que a maioria conhece o Scoliodraw, né? A gente pode ficar desenhando formas aqui, né? Fazendo >> que usava bastante na época, a programação raiz, né, para explicar sistemas em C, e tal. Ainda se usa bastante, né? Tem vários outros fins, mas um deles é isso, tá? Esse aqui é o original. E agora eu vou mostrar aqui a

09:47 cópia que eu gerei através da mesma estratégia, né? Então, se você é só que aqui foi um pouco mais longa porque eu fui iterando ali, entendendo como é que a ferramenta funcionava, mas a ideia aqui foi a mesma. É eu analisar o Scaledraw, testar um pouco e depois gerar o código. E no final resultou isso aqui, né? Essa é essa sessão aqui de Scaledraw, tá? Então, vamos dar uma olhada como tava aqui, tá? Esse aqui é o Scaledraw clone, esse aqui é o o real, né? E só antes, galera, eu queria comentar um negocinho importante, que a Hostinger está com promoção esse mês,

10:17 tá? Então, se tu quer adquirir tua VPS, tava esperando sair um preço bacana, eles estão agora com uma oferta aqui no mês de outubro e ainda tem o nosso cupom Mateus Hora de Codar, que vai tá aqui na descrição para tu poder fazer essa aquisição, tá? Cara, eu tenho todos os meus sistemas lá, não tenho problemas com acesso, com caiu o servidor, manutenção eles avisam bem antes, isso ficou muito segurança, tem data center no Brasil, então é só elogios. E obviamente eles são parceiros aqui de longa data do canal, mais de um ano, eu tô com eles aí fechadão e recomendo muito os serviços deles, tá? Aí aqui tem

10:48 a questão da escolha dos planos, né? Muita gente tem dúvida, eu recomendo sempre o KVM2, porque tem uma máquina excelente, tu consegue rodar vários projetos ao mesmo tempo e ainda tá num custo-benefício muito interessante, pode pesquisar outros servidores aí, outras empresas com a mesma configuração, o preço vai ser muito maior, tá? Então, eles conseguem conciliar qualidade com preço justo. E aí tu vai clicar aqui em escolher plano, provavelmente o cupom já vai vir aplicado, tá? Mas tem que tu garanta que esteja para ganhar mais um descontinho. E também quanto mais tempo aqui, né? Mais desconto tu ganha, tá? Aí

11:19 tu pode escolher o servidor mais próximo de ti, às vezes tem Brasil, se não tem Estados Unidos tá legal, tu pode resolver o ping com Cloudflare, né? Um CDN, bem facinho também. E eu sempre vou de Ubuntu, né? Porque para mim é a distro mais interessante para os iniciantes, né, de aprender a mexer no Linux. Eu comecei com ele quando eu comecei a programação há mais de 10 anos atrás e vou até hoje, tá? Várias distribuições de Linux originam no Ubuntu, então para mim é excelente. É só continuar, fechar a compra e pronto, terás teu VPS com esse descontão da rosca. Fechou? Voltamos ao rabisco,

11:51 então. Que que acontece? Aqui, ó, como vocês podem perceber, eu nem tinha testado, tá? Ele tá aqui com todos os recursos basicamente do Scaledraw. Tem o desenho livre, tem os círculos, os formatos, quando a gente recarrega ele persiste, tem o zoom in, o zoom out, a borrachinha funciona, dá para escrever. Então, aqui, galera, a gente tem o Scaledraw simplificado, é óbvio, né? Porque o Scaledraw mesmo ele tem ali, né, eh, autenticação, ele tem a parte de

12:21 planos pagos e isso tudo não cheguei a fazer, mas eu cheguei a ir num nível, né, de pro fundidade e funcionalidade bem interessante com apenas dois prompts, né? Obviamente foram um pouco mais, como eu falei para vocês, fiquei tirando para entender como é que funcionava o Ria, mas, como vocês vão ver aqui nesse, eh, digita aí, a ideia central são esses dois prompts só, a análise e a construção, tá? Depois tu vai iterando, óbvio. Mas deu esse resultado aqui bem interessante que eu consegui ter, a

12:52 sorte que isso funciona, né, de uma maneira simples. Então, cara, curti bastante o Ria, tá? Agora eu vou aguardar gerar. O Scaledraw, ele demorou 33 minutos, né, depois de todas as iterações de conhecimento, né, só para construção. Então, eu creio que, mesmo no fast aqui, tô usando o Opus 5.5, hã, vai demorar parecido, né? Eu acho que é um pouco mais simples esse sistema aqui, né? E, mas vamos ver, vamos ver como é que funciona aí a questão de clone do Monkey Type. Bom, galera, então ele terminou

13:23 aqui, ó, ele me trouxe todas as informações, né? Ele responde muito em inglês, aí a gente tem que forçar ele a responder em português, tá? Mas ele fez, né, de definição de pronto. Conseguiu aqui vários recursos, né? Então, praticamente a funcionalidade principal, a matemática ali, que veio da investigação para poder ver se os cálculos estão certos, o que ele tomou de decisão por conta própria e ele iniciou também aqui neste endereço. Então, eu vou fazer o teste aqui.

13:55 Ó, então o projeto tá pronto, né, galera? Então, eu vou fazer o início. Pequeno, meus, cabeça, amanhã, sim, dormir, baixo, nosso, dia, primeiro, pessoas, ser, ah, não, antes, sobre, porta, talvez, perder, entender, quem, esse, mais, temos, depois, frente, trazer, nós, você, ser, talvez, pessoas.

14:25 Ó, ele trouxe aqui o cálculo com os erros que eu tive, né, a minha precisão, palavras por minuto e assim a gente tem a aplicação, né? As hotkeys funcionando, ó, tab para reiniciar, aqui eu posso mudar os tempos, tá? Então, a funcionalidade principal está clonada, né? Obviamente isso aqui é um sistema muito maior, galera. Tem ranking, tem essa parte de informações, tem configurações, então, tem outras coisas muito além do que a gente fez até aqui,

14:56 mas é um bom começo, né? E a gente pode ir treinando o Ria, né, para poder fazer os outros recursos ali que faltaram e assim a gente ter o app completo, tá, galera? Então, recapitulando, né, é assim que o Ria funciona, a gente vai estar instalando tudo aqui seguindo a documentação. Vou deixar esse link aqui para vocês, tá? E lembrando, né, galera, tem alguns sistemas que essa clonagem, vamos dizer assim, é ilegal, né? A gente tem que entender isso também. Não é que dá para fazer, que está dentro da lei. Então, entendam

15:28 melhor como é que funciona esse processo e eu também acho, né, uma opinião minha, que o Ctrl C Ctrl V de um sistema tende a não dar certo, né? Então, isso aqui seria, para mim, como uma base inicial, para poder instruir o Cloud ou qualquer agente o rumo certo que tu quer que tuas aplicações tomem, tá? E aí, depois de instalar, como eu falei, tu vai fazer ali a análise do app, testar ele se pedir e depois construir, por fim, né? E ficar iterando até chegar na versão que tu quer. Beleza, galera? Bom, últimos avisos, baixem o e-book de SDD, Spec

15:59 Driven Development. Isso aqui é o método que eu uso para criar os meus sistemas, né? A galera sempre pediu um material mais completo e eu acho que isso aqui é um bom início. É como eu penso, como eu estruturas as ideias, como eu boto isso no meu agente de IA, como eu começo a construir, como eu deixo em produção, como eu tento conseguir os clientes, né? Porque não é ciência exata, né, galera? Mas tem os fundamentos por trás das coisas. Então, tudo de graça para vocês. Link no comentário fixado na descrição. E, por último, mas não menos importante, a Hostinger, galera. Se vocês querem

16:30 adquirir o VPS, estavam pensando nisso, acredito que agora é a hora. Promoção muito interessante, tem o nosso cupom para ajudar e, como eu comentei no começo, KVM2 é o plano que eu indico e vocês terão o servidor de vocês para hospedar as aplicações, quem sabe, né, iniciadas no RIA, né? E é isso. Então, espero que vocês tenham curtido. Deixa aqui o que vocês acharam aí no comentário, se vocês já testaram, se vocês já fizeram alguma coisa legal. Vamos trocar essa ideia. E, é claro, galera, sempre para ajudar a gente, deixa o like também, se inscreve aqui no canal. Isso fortalece muito o meu

17:00 trabalho. Bom, por hoje é isso, vou ficando por aqui. Espero que vocês tenham curtido e espero vocês no próximo vídeo. Valeu!