Prompt-Driven
Requisitos
Dependem do contexto da conversa
Planejamento
Decisões surgem durante a execução
Contexto
Precisa ser reconstruído entre conversas
Validação
Resultado avaliado pontualmente
Evolução
Mudanças guiadas por novos prompts
OPENSPEC • ANGULAR • SUPABASE • PROJETO REAL
Domine Spec-Driven com Agentes de IA
Use OpenSpec para construir uma aplicação Angular real com Supabase, do requisito à entrega validada.
Do requisito à entrega validada
Do prompt à entrega: assuma o controle com Spec-Driven
Prompts isolados deixam decisões essenciais implícitas. Especificações tornam escopo, decisões e validação revisáveis — sem prometer eliminar erros ou alucinações.
Spec-Driven com OpenSpec
Requisitos
Explicitados em especificações
Planejamento
Escopo e critérios definidos antes
Contexto
Consolidado nas Main Specs
Validação
Entrega confrontada com os critérios
Evolução
Changes planejadas, verificadas e arquivadas
Como o OpenSpec funciona
Um plano claro para construir com IA.
O OpenSpec organiza cada mudança em uma Change: uma pasta com proposta, especificações, decisões técnicas e tarefas. Tudo em arquivos Markdown no seu repositório, que você pode revisar e versionar junto com o código. Você e o agente trabalham com a mesma referência.
- 01
Explore
Investigue o problema com a IA e esclareça dúvidas antes de escolher uma solução.
- 02
Proposal
Registre o que vai mudar, por que isso importa e o que fica fora do escopo.
- 03
Specs
Descreva o comportamento esperado e os cenários que a entrega precisa atender.
- 04
Design
Documente como construir: decisões técnicas, alternativas e seus motivos.
- 05
Tasks
Transforme o plano em tarefas pequenas, com progresso que você pode acompanhar.
- 06
Apply
Oriente o agente a implementar as tarefas usando as especificações como referência.
- 07
Verify
Compare o código com o que foi especificado e encontre lacunas antes de concluir.
- 08
Archive
Conclua a Change e preserve seu histórico, com as Specs sincronizadas para o próximo ciclo.
Esse é o percurso que você pratica no curso. O fluxo é flexível: você pode voltar aos documentos e ajustar o plano conforme aprende durante a implementação.
Por que isso faz diferença?
Escopo claro antes do código
Você revisa o que será construído antes de o agente implementar. Isso ajuda a identificar mal-entendidos enquanto ainda são fáceis de corrigir.
Critérios para avaliar a entrega
Requisitos e cenários dão uma referência concreta para revisar o código, orientar os testes e conferir se a mudança atende ao que foi combinado.
Contexto para a próxima mudança
Ao sincronizar as mudanças nas Main Specs, você mantém os requisitos consolidados do projeto. A Change arquivada guarda o histórico das decisões para futuras consultas.
Para quem é
Para quem quer desenvolver com agentes sem perder o controle técnico
Para pessoas desenvolvedoras que já usam ou querem usar IA e precisam de um caminho claro entre o pedido e uma entrega que possam revisar.
Familiaridade com Angular, TypeScript e Git é recomendada para acompanhar a construção da aplicação.
Benefícios práticos
Saiba o que pedir, acompanhar e revisar
- Defina o que precisa mudar antes de pedir código à IA.
- Divida trabalhos maiores em tarefas que você consegue acompanhar.
- Confira se o resultado atende ao que você pediu.
O que você pratica
Planeje mudanças, oriente agentes e avalie entregas
Planejar uma mudança
Transforme um pedido em um plano com escopo, tarefas e critérios claros antes de escrever código.
Orientar agentes
Dê aos agentes o contexto e as instruções de que precisam para executar cada tarefa.
Avaliar uma entrega
Compare o resultado com o que foi pedido, confira os testes e identifique o que ainda precisa de ajuste.
Um projeto, várias evoluções
Product Explorer do primeiro layout à persistência real
Você vai construir o Product Explorer, uma aplicação Angular para criar, consultar, editar e excluir produtos, do primeiro layout à persistência real com Supabase.
A cada evolução, você aprende como construir: planejar mudanças, orientar agentes e validar entregas. Conforme o projeto cresce, você pratica delegação para subagentes e sincronização entre código e Specs.
Delegação com contexto
Subagentes trabalhando com foco. Agente principal no controle.
Divida trabalhos maiores sem sobrecarregar a conversa com a IA. Você aprende a delegar tarefas e contexto a subagentes, enquanto o agente principal coordena e valida as entregas da mesma Change. Isso ajuda a usar tokens com eficiência e reduzir a perda de foco por excesso de contexto, conhecida como context rot.
Uma Change · um planejamento
Agente principal
Define ranges, seleciona Specs e distribui o contexto.
Escopo + contexto para cada frente
Subagente A
Range de interface
Subagente B
Range de lógica
Subagente C
Range de testes
Entregas + evidências voltam ao principal
Agente principal valida a integração
Reconcilia os resultados e verifica tudo contra a mesma Change.
Código e Specs no mesmo ritmo
Mudou o código na mão?
Traga a Spec junto.
Incorpore correções e ajustes manuais sem deixar o agente trabalhar com uma descrição desatualizada do projeto. Você aprende a reconciliar código e especificações quando eles divergem — o chamado spec drift — para evitar retrabalho.
Uma estratégia prática de sincronização
01 · Comparar
Use a Skill de sincronização para identificar divergências entre a implementação e as Specs.
02 · Decidir
Revise o que mudou: é preciso atualizar a Spec, o Design, as Tasks ou corrigir o código?
03 · Reconciliar
Valide os ajustes e devolva ao agente um contexto confiável para a próxima Change.
Doze módulos
Do fundamento à sincronização contínua
A mesma aplicação cresce junto com a complexidade das Changes e com a autonomia dos agentes.
0
Prepare o projeto para trabalhar com Specs
Prepare o projeto Angular, configure OpenSpec e AGENTS.md e entenda como Research, Plan e Implement orientam o desenvolvimento.
1
Transforme uma ideia em uma Change pronta para implementar
Planeje o layout do Product Explorer: investigue o problema, defina requisitos e cenários e organize Design e Tasks antes de escrever código.
2
Implemente sua primeira feature a partir da Spec
Construa o layout seguindo as Tasks, valide o resultado contra a Spec e corrija divergências antes de concluir a entrega.
3
Transforme a primeira Change em memória do projeto
Arquive a primeira Change e consolide as Main Specs para que o agente reutilize as decisões nas próximas demandas.
4
Construa uma nova feature usando Specs existentes
Implemente a listagem de produtos com dados mockados, consultando código e Main Specs para definir estados, cenários e critérios de aceite.
Aprenda com quem domina Angular há mais de uma década
Henrique Custódia é desenvolvedor front-end há mais de 10 anos, com experiência sólida em arquitetura, testes automatizados e liderança técnica em grandes projetos.
Com passagens por grandes empresas como o Banco Santander, hoje atua como fundador da Code Dimension, plataforma referência em ensino técnico focado em Angular.
Criador de conteúdo, Henrique já ensinou milhares de desenvolvedores a escrever código limpo, testável e profissional — sempre com foco em aplicações reais e práticas de mercado.
O que ele ensina aqui é o que aplica todos os dias em times de verdade. Nada de teoria genérica ou exemplos fictícios.
Veja o que dizem os nossos alunos
Concluí o curso Angular Moderno ministrado por Henrique Custódia na Code Dimension. Foi uma experiência extremamente enriquecedora, que me permitiu aprofundar conhecimentos e me atualizar com os recursos mais modernos do Angular 20, reforçando boas práticas para o desenvolvimento de aplicações web escaláveis, performáticas e de alta qualidade.
Flavio Milani
IT Engineering Analyst
Curso excelente! O Henrique é um ótimo professor e demonstra grande domínio do conteúdo ensinado. O único ponto negativo é que o curso acaba! 😄 Em menos de duas semanas concluí todo o curso de Angular Moderno. O que mais me chamou a atenção foi a forma objetiva como o conteúdo foi apresentado. Tudo o que foi ensinado tinha um propósito claro e era aplicado diretamente no projeto, o que fez toda a diferença para mim. Na minha opinião, esse é o principal fator que diferencia um curso de qualidade...
Felipe Padovani
Full Stack Engineer
Assisti todas as aulas do curso Angular Moderno até agora, a forma que o Henrique ensina é excelente. Já tenho alguma experiência com as versões mais antigas do Angular, mas mesmo assim, ainda aprendi novos conceitos. Massa demais, de verdade!
Caio Rocha
Front-end Developer | Angular | React
Ficou muuuuuuito bom o conteúdo do curso, foi direto ao ponto, sem muito rodeio pra falar sobre um tópico específico, gostei demais! 🙂 Pequenos vídeos separadinhos com cada tema específico, top demais!
Leonardo Henrique
Desenvolvedor Front-End | Angular
O curso de testes unitários da code é único no mercado, você não vai encontrar em lugar nenhum na língua portuguesa um curso tão completo sobre testes é realmente algo único. O Henrique o instrutor do curso tem uma didática excelente ele ensina e mostra os conceitos e ta sempre atualizado com as novidades do Angular e do universo de Desenvolvimento Web. Eu ja recomendei o curso para alguns colegas e devs do meu time.
Matheus Bento de Pereira
Senior Software Engineer - Tech Lead
Quero agradecer pelo curso Testes Automatizados com Angular. Foi uma experiência excelente! O conteúdo é muito bem estruturado, direto ao ponto e aborda com profundidade os conceitos fundamentais. Eu já tinha experiência com Angular, mas testes sempre foram um desafio. Após o curso, consegui destravar diversos pontos, entendi melhor as boas práticas e agora me sinto muito mais seguro para escrever testes. Parabéns pelo ótimo trabalho, fez toda a diferença na minha trajetória!
Vitor Santos
Desenvolvedor de Software
O professor Henrique demonstra excelente domínio do conteúdo e conduz as aulas com clareza e segurança. Sua experiência prática enriquece significativamente o curso, proporcionando aos alunos uma visão mais aplicada da teoria. Recomendo fortemente a aquisição do curso — certamente será uma experiência enriquecedora.
Farley Souza
Desenvolvedor Full Stack .NET
Curso de Testes Automatizados Com Angular: sem dúvida, foi o melhor material que já vi sobre o tema, especialmente em português. Recomendo fortemente. Mesmo já trabalhando com testes há mais de dois anos, o curso reforçou bastante as boas práticas e trouxe insights valiosos.
Adriano Dutra Magalhães
Desenvolvedor web | Angular | C#
Curso de Angular Moderno: A mesma qualidade do curso de testes se repete aqui. Os conteúdos vão muito além do básico. Eles abordam problemas reais do dia a dia e mostram soluções que já existem no Angular, mas que muitos acabam não utilizando por falta de conhecimento. A entrega do Henrique está muito acima do esperado. Vale muito a pena!
Adriano Dutra Magalhães
Desenvolvedor web | Angular | C#
O curso é maravilhoso, completo, com ele eu consegui construir uma boa base em testes unitários no Angular utilizando o jest, além disso, foi bem proveitoso.
Pedro Santiago
Front-End Developer
Estou gostando bastante do curso. A didática e os exemplos têm me ajudado a desenvolver essa habilidade no meu dia a dia. O conteúdo é completo e bem estruturado. Super recomendo!
Bruna Chagas
Front End Developer
Muito bom aprender conteúdo avançado com profissionais de uma maneira muito didática. O conteúdo do curso já está sendo aplicado no meu trabalho, muito útil.
Bruno Anjos
Senior FullStack Engineer
Se você quer saber todos os segredos dos testes, do TDD e do end-to-end com uma metodologia tranquila e bem minuciosa façam esse curso. Estou gostando muito!
Luciana Moura Rodrigues
Front-end Developer
Acho que o curso de testes automatizados com Angular está fantástico pois é difícil encontrar cursos sobre testes com Angular junto com TDD.
Flavio Milani
IT Engineering Analyst
Curso Angular Moderno foi uma experiência sensacional! Agregou muito, valeu a pena o investimento. Com os conteúdos dá pra adquirir conhecimento mais que suficiente pra partir para o campo de batalha, que é onde a evolução acontece de forma mais notória. Muito show, parabéns!
Eduardo Bertozi
Desenvolvedor Backend | Nestjs | Angular
E pra encerrar esse ano incrível, eu finalizei a Qualificação em Angular Moderno do Henrique Custódia da Code Dimension. Sensacional todo o conteúdo, indico bastante pra quem já possui um conhecimento na ferramenta e deseja se atualizar sobre os recursos do Angular 20, entre eles Signals, Resources, Defer Blocks e etc.
Leonardo Faria
Future Software Engineer- Studying Computer Science at UENP
Concluí o curso de Testes Automaizados com Angular! Testes não são um detalhe, são parte essencial de um software bem construído, sólido e escalável. Fica aqui o meu agradecimento ao Henrique Custódia pelos ensinamentos e pela didática ao longo do curso. Seguimos evoluindo para entregar não apenas código, mas software com qualidade e confiabilidade!
Gabriel Emilio
Desenvolvedor Front-end | Angular & React
Do curso para o seu trabalho
Termine com um framework de Spec-Driven pronto para usar
Leve o que praticou no Product Explorer para os seus próximos projetos: um método de trabalho, skills reutilizáveis e integrações configuradas ao longo do curso.
- Metodologias de trabalho
- Um método para decidir o que construir, acompanhar o trabalho da IA e avaliar o resultado nos seus projetos.
- Skills reutilizáveis
- Instruções organizadas para orientar os agentes nas tarefas recorrentes, preservar convenções e repetir o processo sem precisar explicar tudo de novo a cada conversa.
- MCPs prontos para o fluxo
- Integrações configuradas para conectar os agentes às ferramentas e à documentação de que precisam, como o Context7, com contexto útil para fundamentar a implementação.
Pré-venda
Garanta seu desconto enquanto o curso está em produção
O curso ainda está incompleto e as aulas serão liberadas progressivamente. Aproveite as condições de pré-venda enquanto o curso está em desenvolvimento.
Dúvidas?
Tire suas dúvidas agora e comece sua formação com total segurança.
O curso já está completo?
Não. O curso ainda está em produção e as aulas serão liberadas progressivamente.
Qual projeto será construído?
Você acompanhará a evolução do Product Explorer: do layout e dos dados mockados à persistência real com Supabase, subagentes em uma mesma Change e sincronização de Specs.
Como Spec-Driven Development, OpenSpec e RPI se relacionam?
Spec-Driven Development é a abordagem, OpenSpec operacionaliza o fluxo de especificações e RPI organiza o modelo mental de Research, Plan e Implement usado no curso.
Como funciona a oferta de pré-venda?
A oferta de pré-venda estará disponível enquanto o curso estiver em desenvolvimento.
O acesso ao curso será vitalício na pré-venda?
Sim! Quem adquirir o curso durante a pré-venda terá acesso vitalício, inclusive após a conclusão do curso.
Quais conhecimentos são recomendados para acompanhar o curso?
Familiaridade com Angular, TypeScript e Git ajuda a acompanhar a evolução do Product Explorer e os exemplos práticos do curso.
Quanto tempo vou ter de suporte?
Você terá suporte ativo por parte do instrutor para resolver dúvidas enquanto sua assinatura estiver ativa. Lembrando que ao postar sua dúvida em nossa comunidade, qualquer pessoa pode te ajudar.
Como será feito o suporte?
Você terá acesso a nossa comunidade no WhatsApp e no nosso servidor Discord, onde o instrutor poderá auxiliar você em caso de dúvidas. Por participar da comunidade da Code Dimension, você poderá ser ajudado ou ajudar outras pessoas que também adquiriram o curso.
Receberei um certificado de conclusão?
Sim! Ao finalizar o curso, você receberá um certificado de conclusão.
Qual é o período de reembolso?
O período de reembolso é de 7 dias.
Como assistir as aulas?
As aulas podem ser assistidas pela nossa plataforma em formato de vídeos gravados, onde você pode controlar totalmente qual aula assistir e quando assistir.
As aulas contém legendas?
Sim! Para garantir maior acessibilidade, oferecemos legendas em português