Skip to content

Revamping the views...

The image illustrates a split screen in an 8-bit style, contrasting two environments for the GenAIScript interface. On the left, a computer monitor shows the interface with interactive elements like mermaid diagrams and math notations. On the right, a standalone web browser presents the same interface. The composition is framed with a simple, geometric design using five accent colors, creating a vibe of technological progress in a corporate context.
Generated by 🤖 AI

In the past, our Visual Studio Code visualization has relied on the built-in Markdown preview feature. It’s been working great but sometimes it’s not enough. We wanted to provide a more interactive experience for our users. So we decided to build a custom webview for GenAIScript.

Rebuilding the view also gives us more control on supporting the rendering of various markdown subformats like mermaid diagrams, annotations, math, …

A screenshot of the GenAIScript view.

Accessing the view outside of Visual Studio Code

Section titled “Accessing the view outside of Visual Studio Code”

As a result of this change, you can now access the GenAIScript view outside of Visual Studio Code. This means you can now run your scripts in a browser or any other webview-capable application.

Launch the serve command from the cli to start the server and follow the instructions to open the view in your browser.

Terminal window
genaiscript serve