![Share, Embed, and Curate Agent Sessions on DEV [Beta]](../public/thumbs/Share,_Embed,_and_Curate_Agent_Sessions_on_DEV_[Beta].webp)
Authors can now upload agent session transcripts to their DEV account. Those transcripts can be curated, split, shared publicly, and embedded in posts. This is a beta feature and we are actively seeking feedback.
Every day, more people create software for the first time. Some have a long history as developers and others have never seen a line of code in their life. In most cases, they use the same tools: encryption agents. And yet, as these tools become ubiquitous, there are surprisingly few ways to share your workflows and results in a standardized way beyond screenshots. Cada herramienta tiene su propio generador de enlaces compartidos, cada herramienta genera registros en un formato diferente. There are some fledgling projects that can help, but they generally exist as standalone utilities or don't solve the problem of explicit sharing in a way that works in DEV.
We decided to solve that problem by making it possible to upload your transcripts to DEV, automatically parse them into a standardized format, and incorporate full or partial sessions into your posts in a way that is naturally suited to technical writing.
Supported platforms
To start, our analyzer supports Gemini CLI, Codex, Claude Code, Pi, and GitHub Copilot CLI. If you use a different tool, we recommend that you open a PR or issue on Forem to add a new parser yourself or ask us to do so. As an example, you can see how our Gemini CLI parser works in our GitHub commit:
https://github.com/forem/forem/commit/0230aa56c1b4e59480c1de95822824f62f95 aaa4#diff-a096c013f50a6f14bf8c09ab7c693348b9b704adeb99517f6089a511d025daa0
Example session
Here's a session of an example app I created using Gemini CLI for my pet guinea pig Pearl (image required in comments).
build me a simple web app so my guinea pig can tell me what food it wants
Clarify application needs / Define food selection UI / Map application flow
I will create a vibrant, tactile web app called "Pui Pui Picker" designed for guinea pigs (and their humans).
The plan:
- Scaffold: Create a React + TypeScript project using Vite.
- Design: A "big button" interface with high contrast colors and lively animations to make it attractive.
- Features:
- Food Grid: Large cards for hay, carrots, romaine lettuce, and bell peppers.
- Pui Pui Comments: Visual and text-based comments when an item is selected.
- History: a small "Last Request" log to track what the piggy "chose."
- Style: Custom Vanilla CSS for a polished, modern look without external dependencies.
Does this sound like a good start for your guinea pig? Or should I add specific snacks that they like?
I'll start by putting together the project.
{
"command": "npm create vite@latest. -- --template react-ts && npm install",
"description": "Scaffolding React TypeScript project using Vite and installing dependencies."
}
let's go simpler than vite and react
Seeking simplification for the application/construction of the index.html
I will create a vibrant, tactile, single-file HTML application called "The Wheeky Menu". It will use large, colorful buttons and bouncy animations, perfect for the "input" of a guinea pig (or human finger).
The plan:
- Single file: All (HTML, CSS, JS) in
índice.html
for instant loading. - Piggie-centric user interface:
- Large interaction areas: easy-to-use cards for hay, carrots, peppers and lettuce.
- Visual feedback: Cards will "explode" and flash when touched.
- Features:
- "Wow!" Notification: A large visual alert showing what was selected.
- Order History: A simple record at the bottom to see what the piggy "requested" the most.
Now I will create the index.html.
archive.
{"content":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device width, initial scale=1.0, maximum scale=1.0, user scalable=no\...
Success
