inline-vis
SolidEmit a sandboxed inline HTML visualization in an assistant message when a workspace .html file should render in-thread. Use after writing or updating a demo/chart/report HTML file the user should see without opening a panel.
Install
Quality Score: 85/100
Skill Content
Details
- Author
- get-bb
- Repository
- get-bb/bb
- Created
- 5 months ago
- Last Updated
- today
- Language
- TypeScript
- License
- MIT
Integrates with
Similar Skills
Semantically similar based on skill content — not just same category
visualize
Render a polished visual inline in the chat as part of your answer — a diagram, a chart, an interactive explainer, or a UI mockup. Load it proactively whenever an explanation would land better as a picture than as prose. Do not wait to be asked.
html-visualize-feedback
Render a document, draft, or plan as a browser HTML page the user marks up with inline comments — feedback mode of html-visualize.
html-report
Parse data files of many formats — CSV/TSV, Excel (.xlsx), SQLite, JSONL/NDJSON, JSON, Markdown, plain text, and log files — and generate a stunning, self-contained, single-file HTML experience that visualizes the data: a Three.js animated hero, GSAP scroll animations, Tailwind styling, column-profiled data tables with search/sort/pagination, histograms and time-series charts, a markdown reading view with outline navigation, a filterable log viewer, and a collapsible tree explorer for arbitrary JSON. Use this skill whenever the user uploads or points at a data file (spreadsheet, export, database, document, log) and wants to "visualize", "explore", "browse", "display", or "turn into a webpage" that data, or asks for an interactive "report", "page", "dashboard", "viewer", or "UI" for it — even if they don't say "HTML" explicitly. Not for static image asks ("infographic", "poster image", "PNG I can share") — that is the separate infographic skill. Ships a five-style design bank (dark glass, editorial light, brut