REA: a ferramenta open source que clona sistemas (mais de 190 mil estrelas)

Autoria: Matheus Battisti - Hora de Codar · Assistir no YouTube

Vídeo de autoria do canal indicado, não da IANIA; todos os direitos pertencem ao criador. Transcrição, resumo e tradução gerados automaticamente; o conteúdo no idioma original é preservado na versão em idioma original.

Idioma original: português

Vídeo original: REA: a ferramenta open source que clona sistemas! (190k+ estrelas) · Canal: Matheus Battisti - Hora de Codar · 17:00 · Assistir no YouTube

Tópicos: Agentes de IA, Cibersegurança e segurança de software, Engenharia de software com IA, Open source e ecossistemas de software

Resumo

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.

Pontos-chave

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.

Capítulos

Início	Capítulo	Resumo
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.

Citações

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

Conceitos e entidades

REA (Reverse Engineer Anything) (repo): Repositório open source apresentado como uma ferramenta para analisar sistemas e ajudar a recriá-los com um agente de IA.
MCP (conceito): Protocolo usado pelo REA para conectar o agente de IA ao sistema que será analisado.
skill (conceito): Instrução reutilizável que orienta o agente sobre como analisar o sistema e criar uma implementação.
Monkeytype (ferramenta): Site de prática de digitação usado como exemplo de sistema a analisar e recriar.
Excalidraw (ferramenta): Aplicativo de desenho livre na web usado na demonstração de um clone simplificado.
Claude Code (ferramenta): Agente de IA citado como uma das opções que podem ser usadas com o REA.
Codex (ferramenta): Agente de IA citado como uma das opções para trabalhar com o REA.
Opus 5.5 (modelo): Modelo mencionado pelo apresentador durante a construção do clone do Monkeytype.
Next.js (ferramenta): Framework escolhido para implementar o clone do Monkeytype apresentado no vídeo.
Hostinger (empresa): Empresa mencionada em um segmento promocional sobre planos de VPS.

Tradução completa (pt-BR)

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

00:31 instalado no teu PC ou site que tu consiga acessar. O Ria funciona com um servidor MCP para se conectar justamente ao que tu quer clonar e uma skill para fazer o cloud ou teu agente de IA entender como esse sistema funciona e criá-lo em código para ti. Hoje vou te mostrar tudo sobre o Ria, como 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 preferirem

01:03 chamar, ou Reverse Engineer Anything. Ele é um repositório open source no GitHub, que tu vai instalar e usar no processo que vou mostrar aqui para vocês, para fazer engenharia reversa de algum sistema, app ou site. Quando eu comecei a acompanhar o projeto, ele cresceu muito rápido mesmo: estava com 56.000 stars, galera, e agora já passou de 80.000. Então o negócio está absurdo; isso aconteceu em questão de dias, tá? E a ideia é que, se tu apontar para uma feature, né, se quiser alguma funcionalidade isolada ou um sistema, a IA vai fazer o processo

01:34 de entender, criar uma spec e depois clonar, tá? Bom, como funciona na prática? Vamos abrir uma sessão no nosso agente de IA — cloud code, codex, cursor, o que tu usa — com o Ria instalado, né? Então tu vai ter que instalá-lo previamente. Ele vai habilitar o servidor MCP e uma skill, tá? Tem uma skill ali que vai ensinar ao agente como funciona 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 for web ou até tiver 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 não funcionam no Windows, tá? Então, no Windows, a gente vai ter uma experiência não tão completa quanto 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 tudo para a gente, que vai conseguir ter toda essa

02:35 documentação para explicar como esse sistema funciona e, por fim, construí-lo, 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 como funciona, qual é o repositório e tudo mais. Ó, galera, o repositório é este aqui, o REA, ou Reverse Engineer Anything, tá? Como eu falei, já está com 87.000 estrelas. Provavelmente, quando tu estiver vendo isso aqui, já vai estar com mais de 90.000 ou até 100.000. E aqui se explica tudo: como instalar, como funciona. Então o setup é bem básico,

03:06 né? Tem um NPX ali, pronto, está tudo certo. Aí, quando tu já tiver instalado, ó, tem até o fluxo aqui: tu vai pedir para o teu agente usar o REA e clonar alguma coisa que tenha no teu PC ou na web, que é o que a gente vai fazer aqui, tá? Vou mostrar um exemplo com o qual já fiz alguns testes, né? Então, já está rodando aqui com o Scaledraw e também com o Monkey Type. Monkey Type, para quem não conhece, é um site em que tu digita e ele mostra o teu desempenho na digitação, tá? Então a gente vai fazer

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

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

04:37 é o que vou fazer junto com vocês; o outro já está quase pronto. Olha só, a primeira coisa que fiz foi a análise, tá? Então, o prompt é o seguinte: ele diz que quer criar o próprio sistema, aí tu diz qual é o sistema. Se for web, pede para ele abrir o Chrome, e ele vai fazer isso. Ele abriu uma sessão aqui, ó. Foi ele que abriu isso aqui e tal, e tu instrui que é o RIA que vai fazer a coleta dos dados, né, tá? E tu pode fazer testes enquanto ele lê. A

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

05:41 15, no topo, e ver se as settings persistem depois do reload, tá? Então vou fazer isso. Ó, o 15 está aqui, beleza? A gente pode usar um pouco. Aí recarrega e pronto. Vou dizer para ele: “Aceitei o banner, cliquei no 15 e recarreguei”. Vou colocar aqui “pronto”, que é a resposta que ele pede, né? Ele é bem direto. Aqui estou colocando coisas a

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

06:42 testando aqui, galera. Provavelmente vou fazer alguns cortes, tá? Só para deixar mais dinâmico para vocês, mas é normal ele pedir para usar o sistema, tá? Então olha só, galera: ele trouxe aqui, né? Disse que salvou o caso de digitação. Aí colocou que as formas correspondem ao teu teste e tudo mais, né, para poder apresentar os resultados no final. Trouxe alguns dados: o que conta como erro, o cursor acompanha a posição das letras na tela, e ele também detectou algumas limitações. Então o negócio acaba

07:13 não sendo perfeito, né? Talvez eles evoluam e tudo mais, né? Como falei para vocês, há algumas limitações. Ele colocou o mapa do código principal. O Ria não conseguiu baixar esse mapa do código-fonte porque ultrapassou o limite interno da ferramenta. Então isso aqui, ó, talvez seja um ponto do Claude em si, né? Talvez a gente conseguisse dividir isso em partes e melhorar o prompt, mas não vou ficar insistindo nisso por muito tempo, né? Porque acho que vai dar 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 fiquei testando aqui. O corpo dos eventos, o Ria 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í, vamos ver a saída. Olha, isso aqui é tudo o que ele trouxe para fazer o projeto, né? 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 aprimorando mais o negócio, né? Mas aí vai do momento em que tu tá criando, né? No caso, é um exemplo, né? Então, não tenho essa ideia de perfeição, e sim de ver

08:15 o que acontece com o mínimo de esforço possível, né? E aí, obviamente, a gente melhora. Então, agora a gente viria com o prompt de criação, né? Falando sobre a ideia do meu sistema, que provavelmente não vai querer fazer igual, né? Mas com 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 é o Monkey Type, falo

08:45 sobre o arquivo de 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 Excalidraw. Para quem não sabe, Excalidraw é uma ferramenta

09:16 de desenho livre na internet, né? Que muita gente usa para criar esboços e tal, né? Infográficos, tudo em tempo real. Aí, galera, eu abri aqui só para mostrar para vocês. Acredito que a maioria conhece o Excalidraw, né? A gente pode ficar desenhando formas aqui, né? Fazendo o que a gente usava bastante na época da programação raiz, né, para explicar sistemas em C e tal. Ainda se usa bastante, né? Tem vários outros fins, mas um deles é esse, 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, aqui foi um pouco mais longa, porque eu fui iterando ali, entendendo como é que a ferramenta funcionava, mas a ideia foi a mesma: eu analisar o Excalidraw, testar um pouco e depois gerar o código. E, no final, resultou nisso aqui, né? Essa é a sessão do Excalidraw, tá? Então, vamos dar uma olhada em como estava aqui, tá? Esse aqui é o clone do Excalidraw, esse aqui é o original, né? E, antes, galera, eu queria comentar um negocinho importante: a Hostinger está com promoção este mês,

10:17 tá? Então, se tu quer adquirir tua VPS e estava esperando um preço bacana, eles estão com uma oferta neste mês de outubro. E ainda tem o nosso cupom Mateus Hora de Codar, que vai estar aqui na descrição para tu poder fazer essa aquisição, tá? Cara, eu tenho todos os meus sistemas lá, não tenho problemas de acesso. Quando o servidor cai, eles avisam sobre a manutenção bem antes. Isso me dá muita segurança. Tem data center no Brasil, então só tenho elogios. E, obviamente, eles são parceiros do canal há bastante tempo, há mais de um ano. Estou 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 é uma máquina excelente: tu consegue rodar vários projetos ao mesmo tempo e ainda tem um custo-benefício muito interessante. Pode pesquisar outros servidores aí, de 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. Aí tu vai clicar aqui em escolher plano. Provavelmente o cupom já vai vir aplicado, tá? Mas tu tem que garantir que esteja aplicado para ganhar mais um descontinho. E também, quanto mais tempo tu escolher aqui, né, mais desconto tu ganha, tá? Aí

11:19 tu pode escolher o servidor mais próximo de ti. Às vezes tem no Brasil; se não tiver, nos Estados Unidos está legal. Tu pode resolver o ping com Cloudflare, né, um CDN, bem facinho também. E eu sempre escolho Ubuntu, né? Porque, para mim, é a distro mais interessante para os iniciantes aprenderem a mexer no Linux. Eu comecei com ele quando comecei a programar, há mais de 10 anos, e continuo até hoje, tá? Várias distribuições de Linux têm origem no Ubuntu, então, para mim, é excelente. É só continuar, fechar a compra e pronto: terás tua VPS com esse descontão. Fechou? Voltamos ao rabisco,

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

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

12:52 sorte de isso funcionar de uma maneira simples, né? Então, cara, curti bastante o REA, tá? Agora eu vou aguardar a geração. O Excalidraw demorou 33 minutos, né, depois de todas as iterações de conhecimento, só para a construção. Então, eu creio que, mesmo no fast aqui, usando o Opus 5.5, vai demorar um tempo parecido, né? Acho que este sistema aqui é um pouco mais simples, né? Mas vamos ver como funciona essa questão do 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, então a gente tem que forçá-lo a responder em português, tá? Mas ele fez a definição de pronto. Conseguiu vários recursos aqui, né? Então, praticamente a funcionalidade principal, a matemática que veio da investigação para verificar se os cálculos estão certos, as decisões que ele tomou por conta própria, e ele iniciou também neste endereço. Então, eu vou fazer o teste aqui.

13:55 Ó, então o projeto está pronto, né, galera? Então, eu vou iniciar. 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 dos erros que eu tive, né, 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 REA para fazer os outros recursos que faltaram e, assim, ter o app completo, tá, galera? Então, recapitulando, é assim que o REA funciona: a gente vai instalar tudo aqui seguindo a documentação. Vou deixar esse link aqui para vocês, tá? E lembrando, galera, tem alguns sistemas em que essa clonagem, vamos dizer assim, é ilegal, né? A gente também tem que entender isso. Não é porque dá para fazer que está dentro da lei. Então, entendam

15:28 … melhor entender como esse processo funciona. E eu também acho, né — uma opinião minha — que copiar e colar um sistema tende a não dar certo, né? Então, para mim, isso aqui seria uma base inicial para instruir o Cloud ou qualquer agente sobre o rumo certo que você quer que suas aplicações tomem, tá? E aí, depois de instalar, como eu falei, você vai fazer a análise do app, testá-lo, se necessário, e depois construí-lo, por fim, né? E ficar iterando até chegar à versão que você quer. Beleza, galera? Bom, últimos avisos: baixem o e-book de SDD, um método de desenvolvimento orientado por

15:59 especificações. Esse é o método que eu uso para criar meus sistemas, né? A galera sempre pediu um material mais completo, e eu acho que isso aqui é um bom começo. É assim que eu penso, estruturo as ideias, coloco tudo no meu agente de IA, começo a construir, coloco em produção e tento conseguir clientes, né? Porque não é uma ciência exata, né, galera? Mas existem fundamentos por trás das coisas. Então, é tudo de graça para vocês. Link no comentário fixado e na descrição. E, por último, mas não menos importante: a Hostinger, galera. Se vocês querem

16:30 adquirir um VPS e estavam pensando nisso, acredito que agora é a hora. A promoção é muito interessante, temos um cupom para ajudar e, como comentei no começo, KVM2 é o plano que eu indico. Assim, vocês terão seu próprio servidor para hospedar as aplicações, quem sabe as que começaram no RIA, né? E é isso. Então, espero que tenham curtido. Deixem aqui nos comentários o que acharam, se já testaram e se já fizeram alguma coisa legal. Vamos trocar essa ideia. E, é claro, galera, para ajudar a gente, deixem o like também e se inscrevam no canal. Isso fortalece muito o meu

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

Transcrição original

[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!