1. Programação com IA Gratuita Usando Kilo Code e Grok Code Fast 1 [0]

Kilo Code é uma extensão gratuita e de código aberto para o Visual Studio Code que, combinada com o modelo Grok Code Fast 1 da xAI, permite programar com IA de forma rápida e gratuita.

1.1. Ferramentas Essenciais para Programação com IA [0]

  1. Kilo Code é um novo editor de código que se integra ao Visual Studio Code [4].
    1. É uma ferramenta gratuita e de código aberto [6].
    2. Algumas das pessoas por trás do Kilo Code também criaram o Gitlab, uma alternativa de código aberto ao GitHub [8].
  2. Grok Code Fast 1 é um modelo de programação criado pela xAI, a empresa por trás do Grok [10].
    1. Este modelo é exclusivamente para programação, é muito bom e, por enquanto, é gratuito [12].
    2. Modelos como Claude Sonnet, Claude Opus e GPT-5 Thinking são bons para programar, mas são caros [13].

1.2. Instalação e Configuração do Kilo Code [18]

  1. Instalação do Kilo Code é um processo simples [18].
    1. Basta acessar platzi.com/kilo e clicar no botão "Install Kilo Code" [9].
    2. Se o Visual Studio Code já estiver instalado, o Kilo Code será instalado com um clique [20].
    3. Após a instalação, a opção "Kilo Code" aparecerá no canto esquerdo do Visual Studio Code [21].
  2. Funcionalidades do Kilo Code incluem várias opções para o desenvolvimento [31].
    1. O modo Arquiteto ajuda a planejar o projeto [32].
    2. O modo Escrever Código é para a programação tradicional [33].
    3. É possível depurar ou orquestrar o código, alternando entre modos como depuração e DevOps [34].
    4. O Kilo Code permite acessar diversos modelos de IA, incluindo os da OpenAI (GPT-5, GPT-5 Mini, Claude Sonnet) e o Grok Code Fast 1 [37].
  3. Créditos e Open Router facilitam o uso dos modelos de IA [42].
    1. Ao instalar e fazer login no Kilo Code com uma conta Gmail, o usuário recebe créditos (inicialmente $5, depois $105) [42].
    2. Esses créditos podem ser usados no Open Router, um serviço que oferece acesso a diferentes LLMs a preços baixos, funcionando como um proxy centralizador ou roteador de APIs [47].
    3. O Grok Code Fast 1 é gratuito, e o Kilo Code mostra o custo que teria tido se não fosse gratuito, deduzindo dos créditos disponíveis [50].
  4. Velocidade do Grok Code Fast 1 é um diferencial notável [52].
    1. O modelo funciona a "velocidade da luz", sendo muito mais rápido que outras ferramentas como Cursor ou GPT-5 Thinking [53].

2. Desenvolvimento de um Painel Financeiro com Kilo Code [56]

O Kilo Code permite criar um painel financeiro interativo para uma startup, demonstrando sua capacidade de gerar código rapidamente e com funcionalidades avançadas.

2.1. Criação do Painel Financeiro "Only Flans" [56]

  1. Definição do Projeto: O objetivo é construir um painel financeiro para uma startup chamada "Only Flans", que vende assinaturas de sobremesas [56].
    1. O painel deve exibir métricas financeiras importantes, como:
      • MRR movement (movimento da receita recorrente mensal) [59].
      • LTV vs. CAC (valor vitalício do cliente versus custo de aquisição do cliente) [60].
      • Burn and Runway (dinheiro disponível da empresa e tempo até acabar) [63].
      • Payback period (tempo de retorno do investimento em publicidade) [65].
    2. O painel deve gerar dados simulados para um período de 12 meses e ser altamente interativo [67].
    3. A implementação deve ser feita em HTML, CSS e JavaScript, com o Kilo Code decidindo as bibliotecas e ferramentas apropriadas [70].
  2. Processo de Geração de Código: Após inserir a descrição do projeto, o Kilo Code inicia o processo [74].
    1. O sistema exibe um cálculo do raciocínio e o uso de ferramentas, incluindo chamadas de API [75].
    2. Uma janela de contexto mostra o uso de tokens (por exemplo, 10.500 tokens de 256.000 disponíveis) [76].
    3. Se o contexto estiver acabando, o botão "intelligently condensed text" resume o trabalho feito até então, liberando espaço [78].
    4. O Kilo Code faz perguntas para confirmar o plano inicial, como "Você está satisfeito com este plano inicial para o Painel Financeiro Only Flans ou deseja fazer algumas alterações?" [82].
    5. O plano inclui definir finanças, projetar dados simulados, criar a estrutura HTML, implementar CSS e JavaScript, adicionar filtros e funcionalidades de exportação [85].

2.2. Implementação e Interatividade do Painel [86]

  1. Execução do Plano: Após a aprovação do plano, o Kilo Code muda para o modo de código e começa a programar [86].
    1. Ele gera dados de teste e cria os arquivos HTML, CSS e JavaScript em alta velocidade [89].
    2. O progresso é exibido com uma barra na parte superior esquerda, mostrando o uso de tokens e o raciocínio [94].
    3. O processo é muito mais rápido do que outras ferramentas de IA [91].
  2. Visualização e Interação: Ao finalizar, o Kilo Code sugere executar um servidor HTTP local com Python para visualizar o painel [104].
    1. O painel é aberto no navegador (localhost na porta 8000) e exibe as métricas financeiras [109].
    2. É possível interagir com o painel, por exemplo, alterando o período de exibição dos dados, e as atualizações são instantâneas [111].

3. Melhorias de Design e Usabilidade e Criação de um Jogo 3D [113]

O Kilo Code demonstra sua versatilidade ao permitir aprimorar o design e a usabilidade do painel financeiro e, em seguida, criar um jogo 3D interativo.

3.1. Aprimorando o Design e a Usabilidade do Painel [113]

  1. Mudança de Design: O usuário solicita um design minimalista, semelhante ao da Apple, com muito espaço em branco e uma nova paleta de cores [116].
    1. Uma paleta de cores é selecionada de um site como Colors e exportada como CSS [119].
    2. O código CSS da paleta de cores é fornecido ao Kilo Code [130].
    3. O Kilo Code comprime o código existente e o insere no prompt para iniciar um novo processo de arquitetura, analisando e redefinindo o design com a nova paleta [134].
    4. Após a aprovação do plano, o Kilo Code executa as mudanças, e o painel é atualizado instantaneamente no navegador com o novo design e cores [140].
  2. Melhorias de Usabilidade (UX/UI): O usuário avalia a usabilidade do aplicativo como 5 de 10 e pede um plano para alcançar 10 de 10, minimizando cliques e mantendo a funcionalidade [160].
    1. O Kilo Code começa a escrever código em alta velocidade para implementar as melhorias [174].
    2. Após a conclusão da tarefa, o Kilo Code informa que as melhorias de usabilidade estão prontas, incluindo suporte a atalhos de teclado e melhorias visuais [178].
    3. O aplicativo atualizado no navegador mostra novas funcionalidades, como filtros de métricas-chave, botões para exibir margem e um seletor de data [182].

3.2. Criação de um Jogo 3D de Batalha Planetária [192]

  1. Conceito do Jogo: O usuário propõe criar um jogo 3D baseado em turnos, onde dois jogadores controlam um planeta (Terra vs. Marte) [196].
    1. O jogo envolve construir armas orbitais para defesa e ataque, minerar recursos e enviar objetos entre planetas [199].
    2. A versão inicial deve ser simples, mostrando os planetas orbitando o sol e se aproximando a cada turno [201].
  2. Escolha da Biblioteca e Arquitetura: O Kilo Code pergunta qual biblioteca 3D usar, e o usuário escolhe Three.js por ser mais simples [205].
    1. O Kilo Code gera um diagrama de arquitetura do jogo, detalhando ações, visão em close-up, condição de vitória, órbitas, gerenciador de jogo, menu de UI e modelos 3D [211].
    2. O sistema começa a preparar o projeto, criando arquivos, integrando Three.js, construindo armas e escrevendo CSS [219].
  3. Depuração e Melhorias do Jogo: Inicialmente, o jogo aparece com uma tela preta e erros no console [236].
    1. O usuário usa o modo de depuração e descreve o erro [240].
    2. O botão "enhance prompt" melhora o prompt, adicionando mais contexto e código para resolver o problema [244].
    3. O usuário também solicita que o jogo seja executado em um servidor web local com Python, como no projeto anterior [252].
    4. Após as correções, o jogo funciona, mostrando a Terra e Marte orbitando, com a possibilidade de zoom e interação [256].
    5. O jogo permite construir armas, minerar recursos, lançar ataques e alternar turnos entre os jogadores [267].
  4. Aprimoramentos Visuais e Funcionais: O usuário pede melhorias adicionais para o jogo [278].
    1. Incluir texturas realistas para a Terra e Marte, alterar o período orbital dos planetas, manter armas orbitando o planeta que as criou, melhorar o design da UI para um estilo cyberpunk, adicionar pontos de vida para planetas e armas, e um campo de estrelas no fundo [280].
    2. O Kilo Code implementa essas mudanças, resultando em um jogo com texturas, campo de estrelas, botões para construir mísseis, lasers e escudos, e funcionalidades de ataque e mineração [289].
    3. O custo total de todas as operações realizadas no vídeo com o Kilo Code e Grok Code Fast 1 foi de apenas $0.35 [287].

4. Conclusão e Recursos Adicionais [299]

Kilo Code é uma ferramenta poderosa e gratuita para programação com IA, que se integra ao Visual Studio Code e utiliza o modelo Grok Code Fast 1 da xAI.

4.1. Vantagens do Kilo Code [299]

  1. Kilo Code é a ferramenta favorita do apresentador para programar [299].
    1. É fácil de instalar, requer apenas o Visual Studio Code (software gratuito e aberto) e o próprio Kilo Code (também gratuito e aberto) [301].
    2. Utiliza o modelo Grok Code Fast 1 da xAI, que é gratuito e o mais rápido em termos de tokens por segundo [302].
  2. A ferramenta permite alternar entre os modos arquiteto, depuração e código, além de um sistema de melhoria de prompts, facilitando a construção de projetos complexos [303].

4.2. Recursos para Aprofundamento [304]

  1. Para entender melhor os conceitos de prompts, arquitetura e engenharia de software, é recomendado aprender os fundamentos de programação [304].
  2. A Platzi oferece cursos para aprofundar o conhecimento em IA e programação [308]:
    1. Curso de Fundamentos de LLMs (Large Language Models) [96].
    2. Curso de Fundamentos de Engenharia de Software [305].
    3. Curso de Prompt Engineering [309].
    4. Curso de Programação Básica [309].