O VS Code sempre foi meu editor preferido, mas por muito tempo ainda parecia um lugar onde eu mesmo tinha que fazer o trabalho pesado. Isso mudou quando comecei a usar a nova visualização do Agents Manager com a CLI do Copilot.
Em vez de abrir arquivos, escrever componentes, corrigir erros de sintaxe e alternar entre guias, simplesmente descrevi o site que queria construir e deixei o agente cuidar das partes sujas. Eu queria ver até onde eu poderia levar essa configuração sem escrever uma única linha de código. A resposta foi mais interessante do que eu esperava.
Por que eu queria testar a construção sem código dentro do VS Code
A visualização do Agent Manager muda a sensação do VS Code
Não comecei esperando uma experiência no estilo Webflow com blocos de arrastar e soltar. Minha ideia era diferente. Eu queria usar os prompts como entrada principal e deixar o Copilot cuidar da codificação real.
Queria ver se conseguiria parar de atuar como desenvolvedor e passar a atuar como gerente de produto ou diretor de criação.
Construir um site geralmente envolve considerar HTML, CSS, componentes, dependências, capacidade de resposta e depuração. Aqui eu queria ver se poderia focar no resultado. A maior mudança é a introdução da visualização do agente no VS Code. No passado, usar IA no VS Code geralmente significava abrir um painel de chat, pedir ajuda, copiar o código, verificar os arquivos e repetir o mesmo loop.
Foi útil, mas ainda parecia que eu mesmo estava fazendo a maior parte da orquestração. A visão do agente altera essa dinâmica. Agora posso começar com um prompt, observar o agente trabalhando no projeto e continuar executando-o sempre que precisar alterar a saída. Também fez com que o VS Code parecesse acessível para experimentação sem código. Eu ainda tinha acesso aos arquivos, ao terminal e à estrutura do projeto, mas não precisava morar neles o tempo todo. Vamos verificar isso em ação.
O Copilot CLI tornou o processo mais natural
O prompt se tornou a nova codificação
Simplesmente forneci um prompt detalhado e deixei o agente cuidar de tudo. Pedi para criar uma página de destino para um aplicativo fictício de IA chamado Alpha, incluindo um estilo de design, seções, animações e um sinal de cópia. O Raptor Mini configurou rapidamente o projeto, criou o layout, escreveu o conteúdo, estilizou a página e até gerou o README. Foi quando o fluxo de trabalho clicou. Não me concentro mais em pequenos passos técnicos, mas no resultado geral.
Essa experiência me mostrou que o prompt é uma nova forma de codificação. Ainda tive que pensar cuidadosamente sobre o que queria, mas em vez de escrever código, descrevi. Uma solicitação detalhada levou a um resultado refinado, enquanto uma solicitação vaga não. O agente criou seções, adicionou ativos e estruturou a página com base nas minhas instruções. Eu ainda estava revisando a produção, mas a maior parte do trabalho duro estava concluída. Foi como transformar ideias diretamente em um local de trabalho.
A primeira versão veio mais rápida e melhor que o esperado
O design ainda precisava do gosto humano
A primeira versão chegou muito mais rápido do que eu esperava. O Raptor Mini atendeu ao prompt inicial com uma velocidade surpreendente. Ele gerou um projeto, criou uma landing page, adicionou seções principais e deu ao Alpha uma estrutura completa no estilo SaaS. O uso de gradientes, espaços em branco, botões e conteúdo de amostra fez com que a página parecesse imediatamente utilizável.
Em seguida, forneci orientações adicionais: adicionar um formulário de inscrição, conectar o painel aos dados, melhorar a navegação móvel, incluindo dados reais do cliente, e melhorar a acessibilidade. Essas tarefas geralmente levam tempo, mas o Raptor Mini as executou com rapidez e eficiência. As melhorias fizeram o site parecer mais refinado e centrado no usuário.
É claro que nem sempre era possível decidir o que era superior ou equilibrado. Tive que melhorar o espaçamento, as cores e a hierarquia, conduzindo para um resultado mais deliberado. Foi um compromisso: a IA fez a execução, mas as instruções ainda vieram de mim.
O fluxo de trabalho é ótimo para prototipagem
Não substitui completamente os desenvolvedores
Com o site Alpha construído apenas com prompts, posso ver facilmente por que esse fluxo de trabalho é perfeito para prototipagem. Dei ao Copilot CLI uma ideia clara do que eu queria, e o Raptor Mini o transformou em uma landing page funcional muito mais rápido do que eu esperava. Para um protótipo, esta velocidade é de grande importância. Alpha não era apenas uma estrutura aproximada ou uma simples página HTML. Ele tinha uma estrutura de estilo SaaS adequada com uma seção principal, visualização do painel, recursos, preços, perguntas frequentes e rodapé.
Se eu quisesse testar uma ideia de landing page, lançar um conceito de produto, criar uma maquete rápida para um cliente ou explorar múltiplas direções de design, eu definitivamente usaria novamente. No entanto, meu experimento mostrou claramente que o Copilot CLI não é um substituto completo para desenvolvedores. Ele pode criar rapidamente um protótipo sofisticado, mas alguém ainda precisa revisar o código, verificar o layout, certificar-se de que os pequenos detalhes estão corretos e garantir a confiabilidade do site. Para um produto real, áreas como autenticação, pagamentos, bancos de dados, desempenho e segurança exigem uma avaliação técnica sólida.
Troquei o Copilot pelo VS Code por esta extensão gratuita e ela está muito à frente
Também é totalmente auto-hospedado!
Sem código, apenas código VS
Construir um site em VS Code sem escrever uma única linha de código foi mais impressionante do que eu esperava. Usando a visualização do agente, a CLI do Copilot e um prompt detalhado, consegui descrever o que queria e observar o VS Code transformá-lo em um projeto real com seções, cópia, estilo, capacidade de resposta e até documentação. Não foi perfeito e ainda tive que orientar o design ao meu gosto, mas a velocidade foi difícil de ignorar.
