Funcionalidades da Plataforma
Este capítulo apresenta as duas funcionalidades principais do Plannotator: Revisão de Planos e Revisão de Código. Você aprenderá como revisar visualmente os planos gerados por IA, adicionar vários tipos de anotações, anexar marcações de imagem e revisar alterações de código git diff.
Pré-requisitos
Antes de começar
Antes de estudar este capítulo, certifique-se de ter concluído as seguintes preparações:
- ✅ Concluiu o tutorial de Início Rápido
- ✅ Instalou o plugin Plannotator (Claude Code ou OpenCode)
Conteúdo deste Capítulo
Revisão de Planos
Aprenda como revisar planos de execução gerados por IA, adicionar sugestões de modificação e fazer a IA executar de acordo com suas intenções.
| Tutorial | Descrição |
|---|---|
| Fundamentos da Revisão de Planos | Aprenda a usar o Plannotator para revisar visualmente planos gerados por IA, incluindo aprovar ou rejeitar planos |
| Adicionar Anotações ao Plano | Domine como adicionar diferentes tipos de anotações ao plano (excluir, substituir, inserir, comentar) |
| Adicionar Marcações de Imagem | Aprenda a anexar imagens na revisão de planos e usar ferramentas de pincel, seta e círculo para marcação |
Revisão de Código
Aprenda como revisar alterações de código, adicionar anotações em nível de linha e identificar problemas antes do commit.
| Tutorial | Descrição |
|---|---|
| Adicionar Anotações de Código | Domine como adicionar anotações em nível de linha na revisão de código (comentário/sugestão/preocupação) |
| Alternar Visualizações de Diff | Aprenda a alternar entre diferentes tipos de diff na revisão de código (uncommitted/staged/último commit/branch) |
Caminho de Aprendizagem
Ordem de Aprendizagem Recomendada
De acordo com seu cenário de uso, escolha o caminho de aprendizagem apropriado:
Caminho A: Revisão de Planos Prioritária (Recomendado para iniciantes)
- Fundamentos da Revisão de Planos → Aprenda primeiro o fluxo básico de revisão de planos
- Adicionar Anotações ao Plano → Aprenda como modificar planos com precisão
- Adicionar Marcações de Imagem → Use imagens para expressar intenções mais claramente
- Depois aprenda a série de revisão de código
Caminho B: Revisão de Código Prioritária (Adequado para desenvolvedores com experiência em Code Review)
- Fundamentos da Revisão de Código → Familiarize-se com a interface de revisão de código
- Adicionar Anotações de Código → Aprenda anotações em nível de linha
- Alternar Visualizações de Diff → Domine diferentes tipos de diff
- Depois aprenda a série de revisão de planos
Próximos Passos
Após concluir este capítulo, você pode continuar aprendendo:
- Compartilhamento por URL - Compartilhe planos e anotações por URL para colaboração em equipe
- Integração com Obsidian - Salve automaticamente planos aprovados no Obsidian
- Modo Remoto - Use o Plannotator em ambientes SSH, devcontainer e WSL