Aller au contenu principal

Mode Agent de Prompt Task Master

astuce

Le mode Agent de Prompt Task Master vous aide à gérer des tâches de codage complexes en les décomposant en étapes gérables et en fournissant une assistance intelligente.

Comprendre le Mode Task Master​

Task Master est un mode d'agent IA avancé qui :

  • Décompose les tâches complexes
  • Gère les flux de travail des projets
  • Fournit des conseils étape par étape
  • Maintient le contexte entre les sessions

Premiers pas​

Activer le Mode Task Master​

  1. Ouvrir la Palette de Commandes (Ctrl/Cmd + Maj + P)
  2. Taper "Enable Task Master Agent"
  3. Sélectionner pour activer

Utilisation de base​

# Exemple de description de tâche
/task Créer un composant React pour l'authentification utilisateur

Décomposition des tâches​

1. Analyse de la tâche​

L'agent analysera votre demande et la décomposera :

Tâche : Créer un Composant d'Authentification React
1. Configurer la structure de base du composant
2. Implémenter les éléments de formulaire
3. Ajouter la validation
4. Connecter au service d'authentification
5. Gérer les réponses et les erreurs

2. Conseils étape par étape​

Pour chaque étape, l'agent fournit :

  • Des instructions détaillées
  • Des extraits de code
  • Des bonnes pratiques
  • Des conseils de gestion d'erreurs

Fonctionnalités avancées​

Gestion du contexte​

L'agent maintient le contexte à travers :

  • Plusieurs fichiers
  • Différentes sessions
  • Tâches connexes

Exemple de suivi de contexte :

TaskContext.js
const TaskContext = {
  currentStep: 1,
  completedSteps: [],
  dependencies: {
    installed: ['react', 'auth-service'],
    required: ['validation-library']
  },
  projectState: {
    // État actuel du projet
  }
};

Suggestions intelligentes​

L'agent fournit des suggestions intelligentes :

AuthComponent.tsx
// Suggestion de l'agent :
interface AuthProps {
  onSuccess?: (user: User) => void;
  onError?: (error: Error) => void;
  mode?: 'login' | 'register';
}

// Conseils d'implémentation fournis

Bonnes pratiques​

1. Définitions claires des tâches​

✅ À faire :

/task Créer une barre de navigation responsive avec menu mobile

❌ À éviter :

/task Améliorer le site web

2. Développement itératif​

Suivez le flux de travail suggéré par l'agent :

  1. Planifier

    /task-plan Créer un tableau de bord utilisateur

  2. Implémenter

    /task-implement Commencer par la mise en page de base

  3. Réviser

    /task-review Vérifier la fonctionnalité du composant

3. Utilisation des points de contrôle​

Définissez des points de contrôle pour les tâches complexes :

/task-checkpoint Sauvegarder la progression actuelle
/task-restore Revenir au dernier point de contrôle

Modèles de tâches​

Modèle de composant React​

/task-template react-component

Structure générée :

interface ComponentProps {
  // Définition des props
}

const Component: React.FC<ComponentProps> = (props) => {
  // Logique du composant
  return (
    // Structure JSX
  );
};

Modèle d'intégration API​

/task-template api-integration

Structure générée :

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

Flux de travail avancés​

1. Tâches multi-fichiers​

Gestion des fichiers connexes :

/task-group Créer un système de gestion des utilisateurs

L'agent gère :

  • Fichiers de composants
  • Styles
  • Tests
  • Documentation

2. Revues de code​

Suggestions automatisées de revue de code :

/task-review Vérifier les modifications de PR

L'agent analyse :

  • Qualité du code
  • Bonnes pratiques
  • Problèmes potentiels
  • Impacts sur les performances

3. Refactoring​

Suggestions intelligentes de refactoring :

/task-refactor Optimiser les performances du composant

Dépannage​

Problèmes courants​

  1. Agent qui ne répond pas

    /task-reset Réinitialiser l'état de l'agent

  2. Perte de contexte

    /task-context Restaurer le contexte précédent

  3. Instructions peu claires

    /task-clarify Que voulez-vous dire par X ?

Intégration au flux de développement​

1. Intégration Git​

/task-git Créer un message de commit

L'agent génère des messages de commit sémantiques :

feat(auth): implémenter le composant d'authentification utilisateur
- Ajouter le formulaire de connexion
- Intégrer avec le service d'authentification
- Gérer les états d'erreur

2. Documentation​

Génération automatique de documentation :

/task-docs Générer la documentation du composant

Résultat :

## AuthComponent

Composant d'authentification avec les fonctionnalités suivantes :
- Modes Connexion/Inscription
- Validation de formulaire
- Gestion des erreurs
- Callbacks de succès

3. Tests​

Génération de scénarios de test :

/task-test Générer des cas de test

Tests générés :

Auth.test.tsx
describe('AuthComponent', () => {
  it('devrait gérer une connexion réussie', () => {
    // Implémentation du test
  });

  it('devrait afficher les erreurs de validation', () => {
    // Implémentation du test
  });
});

Conseils pour réussir​

  1. Soyez spécifique

    • Fournissez des exigences claires
    • Définissez des objectifs mesurables
    • Définissez les résultats attendus

  2. Utilisez des étapes incrémentales

    • Décomposez les grandes tâches
    • Validez chaque étape
    • Construisez de manière itérative

  3. Maintenez le contexte

    • Gardez les tâches connexes groupées
    • Documentez les dépendances
    • Suivez la progression
astuce

N'oubliez pas de sauvegarder régulièrement votre contexte de tâche en utilisant /task-save pour éviter de perdre votre progression !

Ressources connexes​