Pular para o conteúdo principal

Modo Agente de Prompt Task Master

dica

O modo Agente de Prompt Task Master ajuda você a gerenciar tarefas complexas de codificação, dividindo-as em etapas gerenciáveis e fornecendo assistência inteligente.

Entendendo o Modo Task Master​

Task Master é um modo de agente de IA avançado que:

  • Divide tarefas complexas
  • Gerencia fluxos de trabalho de projetos
  • Fornece orientação passo a passo
  • Mantém o contexto entre sessões

Primeiros Passos​

Ativando o Modo Task Master​

  1. Abra a Paleta de Comandos (Ctrl/Cmd + Shift + P)
  2. Digite "Enable Task Master Agent"
  3. Selecione para ativar

Uso Básico​

# Exemplo de descrição de tarefa
/task Criar um componente React para autenticação de usuário

Divisão de Tarefas​

1. Análise da Tarefa​

O agente analisará sua solicitação e a dividirá:

Tarefa: Criar Componente de Autenticação React
1. Configurar estrutura básica do componente
2. Implementar elementos de formulário
3. Adicionar validação
4. Conectar ao serviço de autenticação
5. Lidar com respostas e erros

2. Orientação Passo a Passo​

Para cada etapa, o agente fornece:

  • Instruções detalhadas
  • Trechos de código
  • Melhores práticas
  • Dicas de tratamento de erros

Recursos Avançados​

Gerenciamento de Contexto​

O agente mantém o contexto através de:

  • Múltiplos arquivos
  • Diferentes sessões
  • Tarefas relacionadas

Exemplo de rastreamento de contexto:

TaskContext.js
const TaskContext = {
  currentStep: 1,
  completedSteps: [],
  dependencies: {
    installed: ['react', 'auth-service'],
    required: ['validation-library']
  },
  projectState: {
    // Estado atual do projeto
  }
};

Sugestões Inteligentes​

O agente fornece sugestões inteligentes:

AuthComponent.tsx
// Sugestão do agente:
interface AuthProps {
  onSuccess?: (user: User) => void;
  onError?: (error: Error) => void;
  mode?: 'login' | 'register';
}

// Orientação de implementação fornecida

Melhores Práticas​

1. Definições Claras de Tarefas​

✅ Faça:

/task Criar uma barra de navegação responsiva com menu móvel

❌ Não faça:

/task Melhorar o site

2. Desenvolvimento Iterativo​

Siga o fluxo de trabalho sugerido pelo agente:

  1. Planejar

    /task-plan Criar painel de usuário

  2. Implementar

    /task-implement Começar com layout básico

  3. Revisar

    /task-review Verificar funcionalidade do componente

3. Usando Pontos de Verificação​

Defina pontos de verificação para tarefas complexas:

/task-checkpoint Salvar progresso atual
/task-restore Retornar ao último ponto de verificação

Modelos de Tarefas​

Modelo de Componente React​

/task-template react-component

Estrutura gerada:

interface ComponentProps {
  // Definição de props
}

const Component: React.FC<ComponentProps> = (props) => {
  // Lógica do componente
  return (
    // Estrutura JSX
  );
};

Modelo de Integração de API​

/task-template api-integration

Estrutura gerada:

interface ApiConfig {
  endpoint: string;
  methods: {
    get: () => Promise<any>;
    post: (data: any) => Promise<any>;
  };
}

Fluxos de Trabalho Avançados​

1. Tarefas Multi-arquivo​

Gerenciando arquivos relacionados:

/task-group Criar sistema de gerenciamento de usuários

O agente gerencia:

  • Arquivos de componentes
  • Estilos
  • Testes
  • Documentação

2. Revisões de Código​

Sugestões automatizadas de revisão de código:

/task-review Verificar alterações do PR

O agente analisa:

  • Qualidade do código
  • Melhores práticas
  • Problemas potenciais
  • Impactos de desempenho

3. Refatoração​

Sugestões inteligentes de refatoração:

/task-refactor Otimizar desempenho do componente

Solução de Problemas​

Problemas Comuns​

  1. Agente Não Respondendo

    /task-reset Redefinir estado do agente

  2. Perda de Contexto

    /task-context Restaurar contexto anterior

  3. Instruções Pouco Claras

    /task-clarify O que você quer dizer com X?

Integração com Fluxo de Desenvolvimento​

1. Integração Git​

/task-git Criar mensagem de commit

O agente gera mensagens de commit semânticas:

feat(auth): implementar componente de autenticação de usuário
- Adicionar formulário de login
- Integrar com serviço de autenticação
- Lidar com estados de erro

2. Documentação​

Geração automática de documentação:

/task-docs Gerar documentação do componente

Saída:

## AuthComponent

Componente de autenticação com os seguintes recursos:
- Modos de Login/Registro
- Validação de formulário
- Tratamento de erros
- Callbacks de sucesso

3. Testes​

Geração de cenários de teste:

/task-test Gerar casos de teste

Testes gerados:

Auth.test.tsx
describe('AuthComponent', () => {
  it('deve lidar com login bem-sucedido', () => {
    // Implementação do teste
  });

  it('deve exibir erros de validação', () => {
    // Implementação do teste
  });
});

Dicas para Sucesso​

  1. Seja Específico

    • Forneça requisitos claros
    • Defina metas mensuráveis
    • Defina resultados esperados

  2. Use Etapas Incrementais

    • Divida tarefas grandes
    • Valide cada etapa
    • Construa iterativamente

  3. Mantenha o Contexto

    • Mantenha tarefas relacionadas agrupadas
    • Documente dependências
    • Acompanhe o progresso
dica

Lembre-se de salvar seu contexto de tarefa regularmente usando /task-save para evitar perder progresso!

Recursos Relacionados​