Partager, intégrer et organiser des sessions d'agent sur DEV [bêta]

DEV - 04/03
Les auteurs peuvent désormais télécharger les transcriptions des sessions d'agent sur leur compte DEV. Ces transcriptions peuvent être...
!DOCTYPE html

Les auteurs peuvent désormais télécharger les transcriptions des sessions d'agent sur leur compte DEV. Ces transcriptions peuvent être organisées, découpées, partagées publiquement et intégrées dans des publications. Il s'agit d'une fonctionnalité bêta et nous recherchons activement des commentaires !

_Remarque : Veuillez être très conscient des données/clés potentiellement sensibles qui pourraient se trouver dans vos transcriptions. Nous avons une couche de rédaction intégrée à l'analyseur, mais elle ne détectera pas tous les cas extrêmes. Ne téléchargez pas de sessions ou de données que vous ne possédez pas ou qui pourraient vous exposer à des failles de sécurité. _

Revenons maintenant à notre annonce amusante.

Chaque jour, de plus en plus de personnes créent des logiciels pour la première fois. Certains ont une longue histoire en tant que développeurs et d’autres n’ont jamais vu une seule ligne de code de leur vie. Dans la plupart des cas, ils utilisent les mêmes outils : des agents de codage. Et pourtant, à mesure que ces outils deviennent omniprésents, il existe étonnamment peu de moyens de partager vos flux de travail et vos résultats de manière standardisée au-delà des captures d'écran. Chaque outil possède son propre générateur de liens de partage, chaque outil génère des journaux dans un format différent. Il existe quelques projets naissants pour vous aider, mais ils existent généralement en tant qu'utilitaires autonomes ou ne résolvent pas explicitement le problème de partage d'une manière qui fonctionne sur DEV.

Nous avons décidé de résoudre ce problème en permettant de télécharger vos transcriptions sur DEV, de les analyser automatiquement dans un format standardisé et d'intégrer des sessions entières ou partielles dans vos publications d'une manière qui s'intègre naturellement dans la rédaction technique.

Plateformes prises en charge

Pour commencer, notre analyseur prend en charge Gemini CLI, Codex, Claude Code, Pi et GitHub Copilot CLI. Si vous utilisez un autre outil, nous vous encourageons à ouvrir un PR ou un problème sur le Forem pour ajouter vous-même un nouvel analyseur ou à nous demander de le faire. À titre d'exemple, vous pouvez découvrir comment fonctionne notre analyseur Gemini CLI dans notre commit GitHub : https://github.com/forem/forem/commit/8f92c64a775ed3a0993e5edc0637112a95d1dae2#diff-d98a98bdd6e0d9154df5559b53644185d4ab13160e85c0fdaae3013ff985e27b

Exemple de séance

Voici une session d'un exemple d'application que j'ai créée à l'aide de Gemini CLI pour mon cochon d'Inde Pearl (photo obligatoire dans les commentaires).

Wheeky Menu - Piggie Food Picker
Toi

créez-moi une application Web simple pour permettre à mon cochon d'Inde de me dire quelle nourriture il veut

Agent

Clarifier les besoins de l'application / Définir l'interface utilisateur de sélection des aliments / Cartographier le flux de l'application

Je vais créer une application Web dynamique et conviviale appelée "Pui Pui Picker" conçue pour les cobayes (et leurs humains).

Le plan :

  1. Échafaudage : créez un projet React + TypeScript à l'aide de Vite.
  2. Design : Une interface à « gros boutons » avec des couleurs très contrastées et des animations rebondissantes pour la rendre attrayante.
  3. Caractéristiques:
    • Grille alimentaire : grandes cartes pour le foin, les carottes, la romaine et les poivrons.
    • Commentaires Pui Pui : retour d'information visuel et textuel lorsqu'un élément est sélectionné.
    • Historique : Un petit journal "Dernière demande" pour suivre ce que le cochon a "choisi".
  4. Style : CSS Vanilla personnalisé pour un look soigné et moderne sans dépendances externes.

Cela vous semble-t-il un bon début pour votre cochon d'Inde ? Ou dois-je ajouter des collations spécifiques qu’ils adorent ?

Je vais commencer par échafauder le projet.

Afficher plus
Agent
▸ Shell {"command": "npm create vite@latest . -- --template react-ts \u0026\u0026 npm ...
{ "command": "npm create vite@latest . -- --template react-ts && npm install", "description": "Échafaudage du projet React TypeScript à l'aide de Vite et installation des dépendances." }
Toi

allons plus simple que vite et réagissons

Agent

À la recherche d'une simplification pour l'application / Construction de l'index.html

Je vais créer une application HTML à fichier unique, dynamique et conviviale appelée "The Wheeky Menu". Il utilisera de gros boutons colorés et des animations rebondissantes, parfaites pour la « saisie » d'un cobaye (ou le doigt d'un humain).

Le plan :

  1. Fichier unique : tout (HTML, CSS, JS) dansindex.htmlpour un chargement instantané.
  2. Interface utilisateur centrée sur Piggie :
    • Grandes zones d'interaction : cartes faciles à toucher p...
      [Courte citation de 8% de l'article original]
Loading...