# Flux de travail Plan-Code-Verify (/fr/docs/verdent-for-vscode/core-features/plan-code-verify-loop)

> Le flux de travail Plan-Code-Verify offre un contrôle précis sur les exigences, l'implémentation et la validation grâce à plusieurs modalités de saisie.



### Ce que vous allez apprendre [#ce-que-vous-allez-apprendre]

* Ce qu'est le flux de travail Plan-Code-Verify
* Les méthodes de spécification multimodales (langage naturel, visuel, interactif)

***

## Flux de travail **Plan-Code-Verify** [#flux-de-travail-plan-code-verify]

Intègre les trois phases du flux de travail de Verdent :

**Plan :** Clarifiez les exigences et concevez des solutions grâce à des diagrammes logiques visuels clairs et à des règles de plan. Exprimez les spécifications par le langage naturel, des maquettes d'interface utilisateur ou des démonstrations interactives.

**Code** : Passez en revue, refactorisez et améliorez votre code facilement, et obtenez des résultats clairs à chaque fois. Les entrées multimodales garantissent que l'implémentation correspond exactement aux exigences.

**Verify :** Détectez les problèmes en amont grâce à un sous-agent de vérification et à des outils de navigateur pour des résultats fiables.

**Fonctionnement du flux de travail Plan-Code-Verify :**

<Steps>
  <Step title="Règles de plan">
    * Choisissez des modèles de rôles intégrés (Frontend, Test, Chef de produit)
    * Créez des règles de plan personnalisées adaptées à votre façon de penser et à vos habitudes de travail
  </Step>

  <Step title="Aperçu du plan">
    * Clarifiez la structure et le contenu du plan grâce à la revue de plan
    * Après vous être aligné avec l'IA lors de la revue de plan, sélectionnez « Generate Plan » pour créer le contenu détaillé du plan
  </Step>

  <Step title="Conception du plan">
    Spécification détaillée comprenant :

    * Diagrammes d'architecture système
    * Structure des composants et leurs relations
    * Modèles de données et contrats API
    * Spécifications UI/UX avec maquettes visuelles
    * Justification de la pile technologique
  </Step>

  <Step title="Découpage des tâches">
    Liste hiérarchique avec dépendances et priorités pour organiser le flux de travail d'implémentation

    * Affiche la progression des tâches en temps réel
    * Résume leur état d'avancement une fois terminées
  </Step>

  <Step title="Résumés de diff">
    Revue des modifications de code et sous-agent de revue de code

    * Localisation des modifications - Répertorie tous les fichiers modifiés avec les changements de code
    * Synthèse de la logique - Explique en langage naturel ce qui a changé et pourquoi
    * Analyse d'impact - Met en évidence les effets en aval sur la documentation, les API et le code dépendant
  </Step>

  <Step title="Vérification anticipée">
    * Vérification automatisée configurable
    * Vérifiez avec des sous-agents et des outils de navigateur
  </Step>
</Steps>

## Spécification multimodale [#spécification-multimodale]

Prend en charge plusieurs façons d'exprimer vos exigences :

<Tabs>
  <Tab title="Langage naturel">
    Exprimez les exigences, contraintes et critères d'acceptation en langage naturel :

    * Compréhension contextuelle riche des exigences techniques et métier
    * Prend en charge des spécifications complexes et à plusieurs niveaux
    * Flux de conversation naturel pour la définition des exigences
  </Tab>

  <Tab title="Exigences visuelles">
    Téléchargez des maquettes d'interface utilisateur, des captures d'écran de conception ou des implémentations de référence :

    * Reproduction fidèle au pixel à partir de spécifications visuelles
    * Prend en charge plusieurs formats d'image pour la communication de conception
    * Contexte visuel pour l'implémentation UI/UX
  </Tab>

  <Tab title="Démonstrations interactives">
    Partagez des exemples fonctionnels ou des prototypes :

    * Communiquez le comportement et les attentes en matière d'expérience utilisateur
    * Démontrez des interactions et des flux de travail complexes
    * Exemples en direct pour une communication plus claire des exigences
  </Tab>
</Tabs>

Cette approche multimodale garantit que les exigences complexes, en particulier les spécifications UI/UX, sont saisies avec précision et sans ambiguïté.

***

## Voir aussi [#voir-aussi]

<CardGroup cols="3">
  <Card title="Offre professionnelle" icon="diagram-project" href="/docs/verdent-for-vscode/core-features/professional-plan">
    Transformez vos idées en plans d'implémentation
  </Card>

  <Card title="Diff de code" icon="code-compare" href="/docs/verdent-for-vscode/core-features/code-diff">
    Flux de travail de revue de code de niveau entreprise
  </Card>
</CardGroup>