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.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
You are authoring a self-contained HTML fragment that renders inline in the chat transcript, directly beneath the paragraph you are writing. It renders in a sandboxed frame sized to your content, with the host's design tokens injected, so it looks native in light and dark mode.
## Invocation
```
ui_show { surface_type: "visual", data: { html: "<fragment>", height: 320 } }
```
- `height` is a rough pixel estimate (80 to 1400); the host measures and corrects after first paint.
- One visual per call. To change one already shown, `ui_dismiss` its `surface_id` and show a new one.
- Prose goes in your reply, the visual goes in the tool: no titles, intros, or captions inside the fragment, and never describe in prose what the visual already shows.
- If ui_show returns an error, read it, fix the arguments, and call again. Every rejection is fixable in the next call; never debug via shell or files, and never narrate retries.
A visual is part of one answer. Durable things the user reopens (a dashboard, a tracker, a calculator they keep) are apps: use the `app-builder` skill.
## Design instincts
- Seamless and flat: no gradients, shadows, glow, or texture. Flat fills, hairline borders.
…
The line at the top of this page pins the label git:20260804.f40abaf, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_6wzswi6kjc6gp2yd
GET https://markdownregistry.com/api/v1/resolve?ref=vellum-ai/vellum-assistant/visualize
GET https://markdownregistry.com/api/v1/blob/f001c78cd272f493c4926469393fe1fca266794a52cbeef06f6af4c637434ccc
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
vellum-ai/vellum-assistant · .claude/skills/add-mcp-integration/SKILL.md · Add a vendor's remote MCP server to the bundled integrations catalog (plugins/mcp-catalog/<name>/ +…
vellum-ai/vellum-assistant · .claude/skills/cli-testing/SKILL.md · Manually test a running Vellum assistant end-to-end purely from the CLI — no desktop app or web UI. Hatch an instance…
vellum-ai/vellum-assistant · .claude/skills/release/SKILL.md · Cut a new release: create the release branch (staging bake), then dispatch the production Release run on that branch.
vellum-ai/vellum-assistant · .claude/skills/update/SKILL.md · Restart the Vellum assistant and gateway services. Smart branch handling: pulls from main by default, restarts in-place…
vellum-ai/vellum-assistant · .cursor/skills/vellum-feature-flag-rollout/SKILL.md · Guide Vellum Assistant feature flag changes and rollout hygiene. Use when adding, editing, reviewing, or documenting…
vellum-ai/vellum-assistant · .cursor/skills/vellum-migration-checklist/SKILL.md · Validate Vellum Assistant database and workspace migrations. Use when adding, editing, reviewing, or testing…
vellum-ai/vellum-assistant · .cursor/skills/vellum-skill-authoring/SKILL.md · Author and review first-party Vellum skills in the repository. Use when editing files under skills/, assistant bundled…
vellum-ai/vellum-assistant · .cursor/skills/vellum-test-selection/SKILL.md · Select focused verification commands for Vellum Assistant changes. Use when deciding what tests, typechecks, lints, or…
code-yeongyu/oh-my-openagent · packages/omo-senpi/skills/visualize/SKILL.md · Builds a self-contained HTML page (chart, table, diagram, dashboard) to show inline in a thread. Use before calling…
chevey339/kelivo · assets/skills/visualize/SKILL.md · Create a native interactive calculator, conditional form, chart or data table when local input changes help answer the…
scaccogatto/okf-skills · skills/visualize/SKILL.md · Render an Open Knowledge Format (OKF) bundle as a single self-contained, interactive HTML graph (viz.html) — concepts…
vargasjr-dev/mycadet-temp · assistant/src/config/bundled-skills/visualize/SKILL.md · Render a polished visual inline in the chat as part of your answer — a diagram, a chart, an interactive explainer, or a…
smk-labs/claude-plugins · readable/skills/visualize/SKILL.md · Turn an answer into a light visual (flowchart, timeline, comparison, architecture sketch), in any language. Trigger…
oj102/projectschola · skills/visualize/SKILL.md · Add a correct, minimal visual to a lesson — a diagram or geometric picture — that renders inline in the Obsidian log…
