Add Panel Live Server blog post#101
Merged
Merged
Conversation
Contributor
AI oroups. |
ahuang11
reviewed
Jun 5, 2026
ahuang11
reviewed
Jun 5, 2026
ahuang11
reviewed
Jun 5, 2026
Collaborator
Author
|
@ahuang11 I have addressed the reviews.
|
Collaborator
Author
|
@ahuang11 I have added the screenshot tool in the blog. |
ahuang11
reviewed
Jun 30, 2026
|
|
||
| **Panel Live Server** removes that friction. When connected to an MCP-compatible AI assistant like Claude, VS Code, or Cursor via the [Model Context Protocol (MCP)](https://modelcontextprotocol.io/), you can point it at a dataset file or a URL and ask for a visualization directly in the chat. The assistant generates the code, Panel Live Server executes it, and the result comes back as a live, interactive visualization rendered inline in the chat via iframe, without leaving your IDE. You can also use it standalone from the terminal, submitting code through a browser UI and getting a persistent URL back instantly. | ||
|
|
||
|  |
Contributor
There was a problem hiding this comment.
I'd swap this with {{< video images/pls-mcp.mp4 >}}
Architecture can be a later thing, first show off what it can do.
ahuang11
reviewed
Jun 30, 2026
| - **`list_packages`**: lists the Python packages installed in the server environment. Called once at the start of a session so the AI knows exactly what libraries it can use before writing any code. | ||
| - **`validate`**: validates code before rendering. Runs five checks in sequence: syntax, security, package availability, Panel extension declarations, and a runtime execution test. Returns a structured error with recovery hints on failure, or caches the result on success so `show` can reuse it at zero cost. | ||
| - **`show`**: executes the code and renders it as a live, interactive visualization, returning a URL. The user gets a real interactive page, not a static image. | ||
| - **`screenshot`**: captures a PNG of an already-rendered visualization and returns it to the AI. This lets the model answer visual questions ("which bar is tallest?", "what color is X?") from the actual rendered pixels, not just the source code. |
Contributor
There was a problem hiding this comment.
(“which bar is tallest?”, “what color is X?”)
The more applicable use case is to give the LLM vision, i.e. if the margins were visually inconsistent, you can simply mention that and the LLM would "see" that, vs editing the code blind.
Collaborator
Author
There was a problem hiding this comment.
Nice point, updated to emphasize the vision capability.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds a blog post introducing Panel Live Server, covering the MCP server and standalone server modes, installation, MCP client setup, and architecture.