inline-vis

Featured

Show a newly created or updated HTML demo, chart, or report, or Markdown plan, summary, or notes from the workspace or thread storage inline in BB chat with the inline-vis directive.

AI & Automation 3,934 stars 552 forks Updated today MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Inline previews When the user should see an HTML demo or a Markdown document **inline in the assistant message**, write (or update) a source-relative file, then emit this **message directive** as its own block (not inside a fenced code block): ```text ::inline-vis{file="demo.html"} ::inline-vis{file="notes.md"} ``` Omitting `source` defaults to the workspace. Explicit `source="workspace"` is equivalent. For a read-only thread-storage artifact, write the document to `$BB_THREAD_STORAGE/reports/result.html`, then emit its storage-relative path: ```text ::inline-vis{source="thread-storage" file="reports/result.html"} ``` ## Rules - `source` is optional and must be `workspace` or `thread-storage`. - `file` is relative to the selected source (e.g. `demo.html`, `charts/out.html`, `notes.md`). Workspace paths are relative to the current workspace; thread-storage paths are relative to `$BB_THREAD_STORAGE`. Never put an absolute path in the directive. - `height` is optional and sets the preview height in pixels. It must be a whole number from 120 through 1200; omit it for the 224px default. - `.html`, `.htm`, `.md`, and `.markdown` files are accepted. - Inline and external CSS/JavaScript are supported in HTML. Remote images, fonts, media, fetches, and WebSockets are also allowed subject to normal browser CORS, mixed-content, and remote-server policies. Scripts execute in an opaque-origin iframe and cannot access the bb page, cookies, or storage. Markdown uses B...

Details

Author
get-bb
Repository
get-bb/bb
Created
7 months ago
Last Updated
today
Language
TypeScript
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category