E se eu te falar que tem um repositório com mais de 900 skills que transformam o antigravity numa máquina absurda de desenvolvimento? É isso que eu vou te apresentar aqui nesse vídeo. Vou te mostrar qual é o repositório, como tu vai instalar as skills do antigraft e a gente vai criar um projeto juntos para entender como que seria a utilização disso na vida real, né?
Não só conceitualmente, não só jogando 900 skills no teu colo, mas sim como tu pode utilizar elas para tirar vantagem disso e desenvolver projetos melhores. Eu sou Mateus Batista, programador há mais 10 anos e agora tô me aventurando muito no mundo da IA e trazendo só o que presta aqui pro canal para vocês utilizarem no dia a dia todos esses recursos. Se tu curtiu essa ideia, não se esquece de se inscrever aqui no canal e também deixa o like no vídeo que ajuda bastante o meu trabalho.
Agora bora lá dá uma olhada como é que funciona esse repositório com mais de 900 skills. Bom galera, só uma palavrinha antes, né? A formação Vibe Code vai lançar dia 9 de março, beleza?
E tem essa tela aqui de pré-inscrição que a gente fez para vocês garantirem um desconto especial do lançamento. Vou deixar aqui na descrição. Se inscrevam para garantir esse valor mais especial ainda, beleza?
Tô esperando vocês lá. Agora preparei esse infográfico aqui bem simples, só para explicar o que que são skills, né? Porque eu acho que muita gente cai de paraquedas também, como é o antigrap sem e como é o antigrap com skills e alguns dados ali do repositório.
Bom, skills, basicamente são instruções que vão melhorar o antigraphit, os modelos de A. Então, são arquivos markdown que tem várias instruções lá que vão dizer como que o antiraphit deve agir em determinadas situações. Então, vai ter escend, para back end, para verificar a segurança, entre outras.
São mais de 900. Quando a gente instala, ele vai colocar os arquivos de skill e talvez alguns scripts no nosso computador, né? Dependendo do que a gente instala.
A gente só vai ativar quando precisar, não vai consumir o contexto quando não for necessário. Então, precisamos explicitamente chamar a skill e ela vai ajudar ou elas vão ajudar a gente a criar código de verdade. Sem skills, o que acontece?
A gente depende muito do nosso prompt. tem que elaborar muito bem ele para ir a não fazer algo errado. Acaba que a gente pode receber respostas genéricas, códigos muito simples que não são válidos no mundo real, sem padrão de desenvolvimento, o que torna o projeto não performático, não seguro.
E também ele vai usar mais contexto para chegar onde a gente quer, porque pode ser que a gente tenha que utilizar vários prompts para um determinado resultado. Já com skills, a gente vai ter especialistas, né, como eu falei antes, no front end, back end, na arquitetura do projeto. é código de produção, né?
É código que vai resistir a muitos acessos, a tentativas de invasão e outras coisas. Eles seguem padrões são bem estabelecidos na área de desenvolvimento de software, né? Coisa que quem tá entrando agora, vamos dizer assim, pra programação com o Vibe Code, não vai conhecer, só se estudar bastante e otimiza o contexto, o que faz a gente consumir também cota ali, utilização da IA e ela dura mais tempo.
O repositório em si é esse Antigraft Awesome Skills. O link é esse aqui. Vou deixar aqui na descrição.
Se eu não deixar, me lembrem, né, galera? Eu eu faço muita coisa que acabo esquecendo. Repositório aqui, ó, explica detalhe por detalhe.
Tu consegue ver aqui quais são as categorias, quais são as IDs, né? Não é só no antigraphic que tu pode instalar, pode botar no cloud code, Codex, esse Kiro aqui, o antigraphic que a gente vai usar aqui. Então tu pode instalar em qualquer ambiente praticamente.
Aí aqui é a documentação, né, onde tu vai poder entender cada detalhe que a gente vai mais direto ao ponto e vai ver a utilização na prática. Hoje o repositório tá com mais de 900, não duvido que já já chegue a 1000. Tem bastante estrelas, né, Stars.
Então quer dizer que realmente o pessoal gosta, isso é uma prova social e são várias categorias, né? Frontend, backend, arquitetura e por aí vai. Bom, tu vai instalar esse essas skills com esse comando NPX, antigraphity, traço awesome, traço skills.
E se tu utilizar uma ideia diferente do antigraft, já que o nome é antigraft, ele é preparado para isso, tu vai precisar utilizar flags aqui junto com o comando menos cloud, cursor e aí vai instalar corretamente nos outros. Beleza? Bom, vamos lá então.
Bom, e aqui no antigravity vai utilizar o comando que tava lá no repositório NPX Antigravity Awesome Skills. Isso vai fazer a instalação delas, tá? Aqui eu já tenho, então deu até uns errinhos aqui, mas tá tudo instalado corretamente.
Beleza? Então o que que acontece agora? A gente já tem como utilizar as skills no antigravity.
Ela vai ficar numa pasta ali dentro do nosso usuário e tu não tá meio seguro que ele instalou, tu pode lá ver o arquivo de fato ou pedir aqui para ele verificar se a skill existe. Eu vou começar com a skill de brainstorm, que é uma skill indicada pra gente iniciar projetos. Então, olha só o que eu vou pedir aqui para ele.
Me mostre o arquivo da skill brain storm. Então, fazendo isso, vai fazer com que ele procure as skills lá e se ele achar, ele vai me mostrar o arquivo aqui. Então, olha só, ele trouxe aqui o arquivo da skill Brainstor, show de bola.
Então, tá tudo certo. Agora eu vou pedir para ele analisar o projeto que eu quero criar com a skill de brainstorming e fazer aqui o planejamento prévio. Então, vou justamente pedir isso aqui para ele, ó.
Coloquei o prompt aqui. Use brainstorm, né? Tá aqui.
Use a skill de brainstorm para planejar um app de gerenciamento de tarefas completo. Quero autenticação, credits, com status de prioridade, dashboard com status. E a stack que eu quero utilizar vai ser aqui express mais light e react no front.
Então vamos ver como que vai sair esse planejamento. Aí aqui a gente vai conseguir ver ele acessando a skill de fato. E essa skill aqui, ela tem uma característica de fazer perguntas antes, se tiver dúvida, para depois começar a planejar.
Então modelo de uso e colaboração, foi a única pergunta que ele fez, pessoal, colaborativo, focado em equipes, projetos ou outros. Então vou botar aqui que é colaborativo simples. E vamos ver.
Qual que será a próxima etapa aqui? Ó, galera, mais uma pergunta. Agora ele perguntou sobre autenticação.
Eu vou dizer que a autenticação ela é básica e direta. Só quero e-mail e senha com JWT, tá? Porque é um projeto de teste aqui, né?
O ideal seria a gente ter uma autenticação melhor, né? Se fosse um projeto real. E aqui, provavelmente, ele vai fazer mais algumas perguntas.
Eu vou responder ele e depois eu vou pra próxima etapa, ó, galera. Então ele fez várias perguntas, perguntou do back end, perguntou do front end e agora é a última pergunta para ele poder entregar pra gente o decision log, que é o documento que vai ser baseado, ou melhor que o o JNI ou o cloud aqui vai se basear para criar o projeto. Então vou botar aqui que sim, é essa a arquitetura e a gente vai ter um documento muito completo para que o projeto ande da forma correta, tá?
Da forma que um desenvolvedor profissional, experiente faria. Bom, olha só, aí agora ele gerou o documento, né? É um artefato e tal, a gente pode se referenciar ele assim, tá?
Só que que eu gosto de fazer? Eu baixo ele, exporto ele, salvo aqui mesmo na pasta do projeto, ó, ele vai ficar aqui. E agora eu vou pedir para ele começar a desenvolver o back end.
Então vou utilizar também aqui, ó, a skill backend dev guidelines para criar uma play rest completa direçamento de tesqu. Eu coloquei as especificações do projeto, né, que a gente já tinha definido antes e eu informei para o brainstorm. Eu só tô dando uma reforçada.
E aqui eu vou utilizar uma marcação de design, cadê? design document MD resolved, que é o documento que ele criou, tá? Vou botar aqui, ó, siga estas guidelines.
Então, tudo que eu criar daqui pra frente, eu vou utilizar esse documento, tá? Então, agora eu vou criar o back end, que é a API, e depois eu vou criar o front end, que são separados. E aí a gente vai testar tudo junto para ver como que esse app tá funcionando.
Ó galera, ele entregou aqui o back end pra gente e aí agora a gente vai pro front end, né? Então vou fazer a mesma coisa. O pront vai ser esse aqui.
Agora use a skill React best practice, que é a skill de React, né? Para fazer o front end, que consome a PI que acabamos de criar. Preciso de tela de login, dashboard, crude.
Vou pedir tudo que eu quero. E aqui eu vou botar utilize cor. Aí eu vou referenciar o arquivo design documents como referência para criar o front end.
Aí eu vou seguir aqui. E agora ele vai criar outra parte do projeto. E aí por fim podemos testar.
Bom, galera, ele me retornou aqui, tá? Aí o que acontece? Ele encontrou alguns erros que ele mesmo resolveu por meio do navegador, né?
Ele foi lá, abriu o navegador, testou, corrigiu os erros e aí ele me deu o retorno final. Então, tá aqui aberto o app. Eu vou criar uma conta pra gente testar e teste@gmail.
com. Vamos lá, a gente cadastra, tá? Aqui, tem uma tarefinha já criada, né?
Deve ter fazido, deve ter feito teste. Salvar aqui, ó. Tá ali a minha tesque, posso editar, posso arrastar, né?
Persiste os dados, posso filtrar, então tudo funciona perfeitamente, tá? Então, ponto para o as skills, porque elas conseguiram criar um app com front back end separados, vai fazer com que essa questão de estar desacoplado, né, a gente consiga mudar um framework se a gente quiser, a gente consegue usar essa API em outro projeto se a gente quiser. Então, é uma estratégia bem interessante.
E eu utilizei três skills para isso. Agora, se a gente quisesse ver uma outra skill em ação, uma que eu gostei bastante é a de verificação de segurança. Então, olha só o prompt.
Use a skill API Security Best practice para fazer uma completa de segurança na API. Então ele vai analisar todas as vulnerabilidades e vai me entregar aqui um relatório e depois a gente pode pedir para corrigir. Vamos dar uma olhada aqui como é que funciona.
Então olha só galera, ele trouxe aqui para mim as falhas de segurança, vamos dizer. Então ele botou falta de segurança do cabeçalho corse, ataque de força bruta, DDOS, sanitização contra XS e vulnerabilidade e dor. Aqui como o meu antigrav tá com todas as permissões para sempre executar, ele já tá executando o plano de implementação.
Então eu não precisei mandar ele fazer isso, tá? Mas normalmente a gente não deixa essa opção habilitada e aí a gente precisa pedir para executar o plano, tá? Mas vejam aqui que interessante, né?
Mesmo utilizando skills, ele ainda encontrou fase de segurança, porque a outra skill é especialista disso, encontrar problemas no código. Bom, galera, então é dessa maneira que a gente vai estar utilizando o repositório do antigraphit skills. A gente vai entrar aqui, ver se tem uma skill, porque a gente quer e ver como é ela é feita, né?
A gente pode tá entrando nas skills aqui quando a gente precisar olhar. Por exemplo, essa aqui de senor architect. Posso vir aqui no skill MD, entender o que ela faz lendo esse MD.
É tudo código aberto e tal. Até sugiro para ter mais confiança do que vocês vão utilizar para ver se é a skill certa para isso, porque tem uns nomes ambíguos assim, às vezes não é bem o que a gente tá querendo. Beleza?
E aí agora eu quero saber de vocês, vocês vão utilizar as skills? Comentem aí que eu quero saber. Mostrem as skills que vocês mais gostaram e não se esqueçam de se inscrever lá para receber o desconto na formação de vibe coding.
Galera, também se inscreva aqui no canal e deixa o like. Isso fortalece bastante o meu trabalho. Por hoje.
É isso. Vou ficando por aqui e espero vocês no próximo vídeo. E se eu te falar que tem um repositório com mais de 900 skills que transformam o antigravity numa máquina absurda de desenvolvimento?
É isso que eu vou te apresentar aqui nesse vídeo. Vou te mostrar qual é o repositório, como tu vai instalar as skills do antigraft e a gente vai criar um projeto juntos para entender como que seria a utilização disso na vida real, né? Não só conceitualmente, não só jogando 900 skills no teu colo, mas sim como tu pode utilizar elas para tirar vantagem disso e desenvolver projetos melhores.
Eu sou Mateus Batista, programador há mais 10 anos e agora tô me aventurando muito no mundo da IA e trazendo só o que presta aqui pro canal para vocês utilizarem no dia a dia todos esses recursos. Se tu curtiu essa ideia, não se esquece de se inscrever aqui no canal e também deixa o like no vídeo que ajuda bastante o meu trabalho. Agora bora lá dá uma olhada como é que funciona esse repositório com mais de 900 skills.
Bom galera, só uma palavrinha antes, né? A formação Vibe Code vai lançar dia 9 de março, beleza? E tem essa tela aqui de pré-inscrição que a gente fez para vocês garantirem um desconto especial do lançamento.
Vou deixar aqui na descrição. Se inscrevam para garantir esse valor mais especial ainda, beleza? Tô esperando vocês lá.
Agora preparei esse infográfico aqui bem simples, só para explicar o que que são skills, né? Porque eu acho que muita gente cai de paraquedas também, como é o antigrap sem e como é o antigrap com skills e alguns dados ali do repositório. Bom, skills, basicamente são instruções que vão melhorar o antigraphit, os modelos de A.
Então, são arquivos markdown que tem várias instruções lá que vão dizer como que o antiraphit deve agir em determinadas situações. Então, vai ter escend, para back end, para verificar a segurança, entre outras. São mais de 900.
Quando a gente instala, ele vai colocar os arquivos de skill e talvez alguns scripts no nosso computador, né? Dependendo do que a gente instala. A gente só vai ativar quando precisar, não vai consumir o contexto quando não for necessário.
Então, precisamos explicitamente chamar a skill e ela vai ajudar ou elas vão ajudar a gente a criar código de verdade. Sem skills, o que acontece? A gente depende muito do nosso prompt.
tem que elaborar muito bem ele para ir a não fazer algo errado. Acaba que a gente pode receber respostas genéricas, códigos muito simples que não são válidos no mundo real, sem padrão de desenvolvimento, o que torna o projeto não performático, não seguro. E também ele vai usar mais contexto para chegar onde a gente quer, porque pode ser que a gente tenha que utilizar vários prompts para um determinado resultado.
Já com skills, a gente vai ter especialistas, né, como eu falei antes, no front end, back end, na arquitetura do projeto. é código de produção, né? É código que vai resistir a muitos acessos, a tentativas de invasão e outras coisas.
Eles seguem padrões são bem estabelecidos na área de desenvolvimento de software, né? Coisa que quem tá entrando agora, vamos dizer assim, pra programação com o Vibe Code, não vai conhecer, só se estudar bastante e otimiza o contexto, o que faz a gente consumir também cota ali, utilização da IA e ela dura mais tempo. O repositório em si é esse Antigraft Awesome Skills.
O link é esse aqui. Vou deixar aqui na descrição. Se eu não deixar, me lembrem, né, galera?
Eu eu faço muita coisa que acabo esquecendo. Repositório aqui, ó, explica detalhe por detalhe. Tu consegue ver aqui quais são as categorias, quais são as IDs, né?
Não é só no antigraphic que tu pode instalar, pode botar no cloud code, Codex, esse Kiro aqui, o antigraphic que a gente vai usar aqui. Então tu pode instalar em qualquer ambiente praticamente. Aí aqui é a documentação, né, onde tu vai poder entender cada detalhe que a gente vai mais direto ao ponto e vai ver a utilização na prática.
Hoje o repositório tá com mais de 900, não duvido que já já chegue a 1000. Tem bastante estrelas, né, Stars. Então quer dizer que realmente o pessoal gosta, isso é uma prova social e são várias categorias, né?
Frontend, backend, arquitetura e por aí vai. Bom, tu vai instalar esse essas skills com esse comando NPX, antigraphity, traço awesome, traço skills. E se tu utilizar uma ideia diferente do antigraft, já que o nome é antigraft, ele é preparado para isso, tu vai precisar utilizar flags aqui junto com o comando menos cloud, cursor e aí vai instalar corretamente nos outros.
Beleza? Bom, vamos lá então. Bom, e aqui no antigravity vai utilizar o comando que tava lá no repositório NPX Antigravity Awesome Skills.
Isso vai fazer a instalação delas, tá? Aqui eu já tenho, então deu até uns errinhos aqui, mas tá tudo instalado corretamente. Beleza?
Então o que que acontece agora? A gente já tem como utilizar as skills no antigravity. Ela vai ficar numa pasta ali dentro do nosso usuário e tu não tá meio seguro que ele instalou, tu pode lá ver o arquivo de fato ou pedir aqui para ele verificar se a skill existe.
Eu vou começar com a skill de brainstorm, que é uma skill indicada pra gente iniciar projetos. Então, olha só o que eu vou pedir aqui para ele. Me mostre o arquivo da skill brain storm.
Então, fazendo isso, vai fazer com que ele procure as skills lá e se ele achar, ele vai me mostrar o arquivo aqui. Então, olha só, ele trouxe aqui o arquivo da skill Brainstor, show de bola. Então, tá tudo certo.
Agora eu vou pedir para ele analisar o projeto que eu quero criar com a skill de brainstorming e fazer aqui o planejamento prévio. Então, vou justamente pedir isso aqui para ele, ó. Coloquei o prompt aqui.
Use brainstorm, né? Tá aqui. Use a skill de brainstorm para planejar um app de gerenciamento de tarefas completo.
Quero autenticação, credits, com status de prioridade, dashboard com status. E a stack que eu quero utilizar vai ser aqui express mais light e react no front. Então vamos ver como que vai sair esse planejamento.
Aí aqui a gente vai conseguir ver ele acessando a skill de fato. E essa skill aqui, ela tem uma característica de fazer perguntas antes, se tiver dúvida, para depois começar a planejar. Então modelo de uso e colaboração, foi a única pergunta que ele fez, pessoal, colaborativo, focado em equipes, projetos ou outros.
Então vou botar aqui que é colaborativo simples. E vamos ver. Qual que será a próxima etapa aqui?
Ó, galera, mais uma pergunta. Agora ele perguntou sobre autenticação. Eu vou dizer que a autenticação ela é básica e direta.
Só quero e-mail e senha com JWT, tá? Porque é um projeto de teste aqui, né? O ideal seria a gente ter uma autenticação melhor, né?
Se fosse um projeto real. E aqui, provavelmente, ele vai fazer mais algumas perguntas. Eu vou responder ele e depois eu vou pra próxima etapa, ó, galera.
Então ele fez várias perguntas, perguntou do back end, perguntou do front end e agora é a última pergunta para ele poder entregar pra gente o decision log, que é o documento que vai ser baseado, ou melhor que o o JNI ou o cloud aqui vai se basear para criar o projeto. Então vou botar aqui que sim, é essa a arquitetura e a gente vai ter um documento muito completo para que o projeto ande da forma correta, tá? Da forma que um desenvolvedor profissional, experiente faria.
Bom, olha só, aí agora ele gerou o documento, né? É um artefato e tal, a gente pode se referenciar ele assim, tá? Só que que eu gosto de fazer?
Eu baixo ele, exporto ele, salvo aqui mesmo na pasta do projeto, ó, ele vai ficar aqui. E agora eu vou pedir para ele começar a desenvolver o back end. Então vou utilizar também aqui, ó, a skill backend dev guidelines para criar uma play rest completa direçamento de tesqu.
Eu coloquei as especificações do projeto, né, que a gente já tinha definido antes e eu informei para o brainstorm. Eu só tô dando uma reforçada. E aqui eu vou utilizar uma marcação de design, cadê?
design document MD resolved, que é o documento que ele criou, tá? Vou botar aqui, ó, siga estas guidelines. Então, tudo que eu criar daqui pra frente, eu vou utilizar esse documento, tá?
Então, agora eu vou criar o back end, que é a API, e depois eu vou criar o front end, que são separados. E aí a gente vai testar tudo junto para ver como que esse app tá funcionando. Ó galera, ele entregou aqui o back end pra gente e aí agora a gente vai pro front end, né?
Então vou fazer a mesma coisa. O pront vai ser esse aqui. Agora use a skill React best practice, que é a skill de React, né?
Para fazer o front end, que consome a PI que acabamos de criar. Preciso de tela de login, dashboard, crude. Vou pedir tudo que eu quero.
E aqui eu vou botar utilize cor. Aí eu vou referenciar o arquivo design documents como referência para criar o front end. Aí eu vou seguir aqui.
E agora ele vai criar outra parte do projeto. E aí por fim podemos testar. Bom, galera, ele me retornou aqui, tá?
Aí o que acontece? Ele encontrou alguns erros que ele mesmo resolveu por meio do navegador, né? Ele foi lá, abriu o navegador, testou, corrigiu os erros e aí ele me deu o retorno final.
Então, tá aqui aberto o app. Eu vou criar uma conta pra gente testar e teste@gmail. com.
Vamos lá, a gente cadastra, tá? Aqui, tem uma tarefinha já criada, né? Deve ter fazido, deve ter feito teste.
Salvar aqui, ó. Tá ali a minha tesque, posso editar, posso arrastar, né? Persiste os dados, posso filtrar, então tudo funciona perfeitamente, tá?
Então, ponto para o as skills, porque elas conseguiram criar um app com front back end separados, vai fazer com que essa questão de estar desacoplado, né, a gente consiga mudar um framework se a gente quiser, a gente consegue usar essa API em outro projeto se a gente quiser. Então, é uma estratégia bem interessante. E eu utilizei três skills para isso.
Agora, se a gente quisesse ver uma outra skill em ação, uma que eu gostei bastante é a de verificação de segurança. Então, olha só o prompt. Use a skill API Security Best practice para fazer uma completa de segurança na API.
Então ele vai analisar todas as vulnerabilidades e vai me entregar aqui um relatório e depois a gente pode pedir para corrigir. Vamos dar uma olhada aqui como é que funciona. Então olha só galera, ele trouxe aqui para mim as falhas de segurança, vamos dizer.
Então ele botou falta de segurança do cabeçalho corse, ataque de força bruta, DDOS, sanitização contra XS e vulnerabilidade e dor. Aqui como o meu antigrav tá com todas as permissões para sempre executar, ele já tá executando o plano de implementação. Então eu não precisei mandar ele fazer isso, tá?
Mas normalmente a gente não deixa essa opção habilitada e aí a gente precisa pedir para executar o plano, tá? Mas vejam aqui que interessante, né? Mesmo utilizando skills, ele ainda encontrou fase de segurança, porque a outra skill é especialista disso, encontrar problemas no código.
Bom, galera, então é dessa maneira que a gente vai estar utilizando o repositório do antigraphit skills. A gente vai entrar aqui, ver se tem uma skill, porque a gente quer e ver como é ela é feita, né? A gente pode tá entrando nas skills aqui quando a gente precisar olhar.
Por exemplo, essa aqui de senor architect. Posso vir aqui no skill MD, entender o que ela faz lendo esse MD. É tudo código aberto e tal.
Até sugiro para ter mais confiança do que vocês vão utilizar para ver se é a skill certa para isso, porque tem uns nomes ambíguos assim, às vezes não é bem o que a gente tá querendo. Beleza? E aí agora eu quero saber de vocês, vocês vão utilizar as skills?
Comentem aí que eu quero saber. Mostrem as skills que vocês mais gostaram e não se esqueçam de se inscrever lá para receber o desconto na formação de vibe coding. Galera, também se inscreva aqui no canal e deixa o like.
Isso fortalece bastante o meu trabalho. Por hoje. É isso.
Vou ficando por aqui e espero vocês no próximo vídeo.
