visualize SKILL.md skillA

visualize from devskale/skale-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add devskale/skale-skills/visualize@v1.13.4

Pins v1.13.4 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
devskale/skale-skills
Path
skills/visualize/SKILL.md
Versions recorded
31
Latest version
v1.13.4, committed Nov 1, 2026
First version recorded
Aug 12, 2026
Size
5,124 bytes
Repository stars
2
License
none declared

Explain or present with the smallest view that makes the point — inline code forms or one self-contained HTML page with a shareable URL. Use when the user wants to visualize, compare, explain, or turn data/code into a page, diagram, or report.

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

# visualize — one self-contained HTML for any set of things

Turns a request into **one HTML file** (content + layout inline, popular packages via CDN)
and gives the user a URL. Two modes: **Visualize** (a display of a set of things) and
**Report** (a structured document). `d2`/`figure` are manual-only — hand off to them, don't
build inline ([routing.md](references/routing.md)).

**Not every answer needs a page.** Pseudocode, a call tree, a component tree, or a
matched-shape diff often answers better and smaller ([code-forms.md](references/code-forms.md)).

## Workflow

1. **Understand** — does this need a page? If so, is it a *report* or a *visualize*? Then
   name the semantic pattern, then the structure. ([report.md](references/report.md) ·
   [patterns.md](references/patterns.md) · [structures.md](references/structures.md))
2. **Build** — start from the skin: copy `templates/skin.html`, pick a flavor via
   `<body data-skin="paper|swiss|terminal|blueprint">` (paper = Editorial-Default,
   swiss = Stats/Vergleiche, terminal = Infra/CLI, blueprint = Architektur) and build
   inside it (tokens, type scale, card/legend/table patterns are already right — never
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add devskale/skale-skills/visualize@sha256:248b3cf6f671df1d

The line at the top of this page pins the label v1.13.4, 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.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_4doq5io7yptku5am.svg)](https://markdownregistry.com/a/art_4doq5io7yptku5am)

5 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 31 versions of this file, between Aug 12, 2026 and Nov 1, 2026, about one every 3 days. Its first recorded version is graded B and its latest A.

versioncommittedcommitsizeaudit
v1.13.4 latest2026-11-01 f49dd7a 5,124 BA view · diff
v1.13.42026-10-17 c101c31 5,144 BA view · diff
v1.13.42026-10-16 364e674 4,995 BA view · diff
v1.13.32026-10-15 9a3f131 4,995 BA view · diff
v1.13.22026-10-15 3333d3b 5,099 BA view · diff
v1.13.12026-10-15 c7a7c6c 5,099 BA view · diff
v1.13.02026-10-11 8f8a902 5,099 BA view · diff
v1.13.02026-10-06 9c328e2 5,068 BA view · diff
v1.13.02026-10-06 591ca62 5,066 BA view · diff
v1.13.02026-10-06 ebe815b 4,885 BA view · diff
v1.12.12026-10-06 004105d 4,778 BA view · diff
v1.11.02026-10-06 b244e9a 4,778 BA view · diff
v1.9.02026-10-04 3a7ec5c 2,992 BA view · diff
v1.9.02026-10-02 fea7a1b 2,930 BA view · diff
v1.8.02026-10-02 e3874a4 6,968 BA view · diff
v1.8.02026-10-02 dc2f36d 7,339 BA view · diff
v1.8.02026-10-02 b0e08b0 6,831 BA view · diff
v1.8.02026-10-01 9fa8eee 7,308 BA view · diff
v1.7.02026-09-29 187876b 6,282 BA view · diff
v1.7.12026-09-29 289fe94 6,282 BA view · diff
v1.6.12026-09-17 ff821ae 6,055 BA view · diff
v1.6.02026-09-17 307cfbc 6,101 BA view · diff
v1.5.02026-09-13 7c4018e 6,074 BA view · diff
v1.4.02026-09-13 9d024eb 13,562 BB view · diff
v1.3.02026-09-13 de4d734 13,353 BB view · diff
v1.2.02026-09-12 00095ae 12,992 BB view · diff
v1.1.02026-09-08 4761200 15,604 BB view · diff
v1.1.02026-08-20 34efbab 15,470 BB view · diff
v1.0.02026-08-15 6bb98a9 12,158 BB view · diff
v1.0.02026-08-12 21a998a 12,020 BB view · diff
v1.0.02026-08-12 65597db 11,247 BB view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (5124 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

devskale/skale-skills · 2 stars · license none declared · pushed 2026-11-05 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_4doq5io7yptku5am
GET https://markdownregistry.com/api/v1/resolve?ref=devskale/skale-skills/visualize
GET https://markdownregistry.com/api/v1/blob/248b3cf6f671df1d3fcaae2eb5245079a36597fe290fbf9a2fb4c9378102d08f

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.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from devskale/skale-skills

AGENTS.md AGENTS.md file
devskale/skale-skills · AGENTS.md
git:20261101.29431fb · audit A · 2 stars
agent-skill-creator SKILL.md skill
devskale/skale-skills · deprecated/agent-skill-creator/SKILL.md · Guide for creating effective skills for any AI agent (Claude, Trae, Gemini, OpenCode, Qwen, etc.). This skill should be…
git:20261006.3723cb2 · audit A · 2 stars
agents-md-init SKILL.md skill
devskale/skale-skills · deprecated/agents-md-init/SKILL.md · Create and update concise AGENTS.md files using proven best practices. Use when starting a new AGENTS.md, refactoring…
git:20261006.3723cb2 · audit A · 2 stars
command-creator SKILL.md skill
devskale/skale-skills · deprecated/command-creator/SKILL.md · Create custom commands for Pi (prompt templates) or OpenCode. Define command prompts, arguments, shell output…
v2.0.0 · audit A · 2 stars
improve-skill SKILL.md skill
devskale/skale-skills · deprecated/improve-skill/SKILL.md · Analyze coding agent session transcripts to improve existing skills or create new ones. Use when asked to improve a…
git:20261006.3723cb2 · audit A · 2 stars
readme-write SKILL.md skill
devskale/skale-skills · deprecated/readme-write/SKILL.md · Create and update README.md files with proper structure, badges, and sections.
git:20261006.3723cb2 · audit A · 2 stars
todo SKILL.md skill
devskale/skale-skills · deprecated/todo/SKILL.md · Create and manage TODO.md task tracking files for complex multi-step work. Use when starting a larger task that…
git:20261006.3723cb2 · audit A · 2 stars
viewimg SKILL.md skill
devskale/skale-skills · deprecated/viewimg/SKILL.md · DEPRECATED — use `read img.jpg` or `read_image` instead. Display an image in the terminal (view-only, no VLM). Renders…
v0.1.0 · audit A · 2 stars
d2 SKILL.md skill
devskale/skale-skills · skills/d2/SKILL.md · Draw architecture, sequence, flowchart, or ER diagrams as code with the D2 CLI. Use when the user wants to create…
v1.4.1 · audit A · 2 stars
fetch-url SKILL.md skill
devskale/skale-skills · skills/fetch-url/SKILL.md · Bash skill — run `fetch-url "url"` in your shell (not an MCP tool). Fetch and extract readable text from any web page…
v2.9.1 · audit A · 2 stars
figure SKILL.md skill
devskale/skale-skills · skills/figure/SKILL.md · Draw hand-drawn-style architecture or workflow figures (sketchy Excalidraw look) as SVG + PNG from a small .fig.mjs…
v1.2.1 · audit A · 2 stars
improve-ux SKILL.md skill
devskale/skale-skills · skills/improve-ux/SKILL.md · Improve UI/UX grounded in curated reference sites, with a ratings loop and findings ledger. Use when polishing a…
v0.4.0 · audit A · 2 stars

Every file in devskale/skale-skills

Other files named visualize

visualize SKILL.md skill
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…
git:20261023.634b4ed · audit A · 70,763 stars
visualize SKILL.md skill
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…
git:20261024.39f1c33 · audit A · 4,439 stars
visualize SKILL.md skill
vellum-ai/vellum-assistant · 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…
git:20260804.f40abaf · audit A · 1,483 stars
visualize SKILL.md skill
kachofugetsu09/akashic-agent · plugins/visuals/skills/visualize/SKILL.md · 回答里有数字比较、趋势、构成、流程、结构、机制或"参数变了会怎样",一张图比一段话更快让人看懂时,用 render_visual 画可交互的图表、示意图、讲解或对比卡片。用户说画一下、可视化、做个图、对比一下、演示原理、讲讲怎么运作时使用。
git:20261020.fcf8b55 · audit A · 519 stars
visualize SKILL.md skill
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…
git:20260921.17fd600 · audit A · 444 stars
visualize SKILL.md skill
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…
git:20261007.bec8222 · audit A · 58 stars
visualize SKILL.md skill
display-dev/skill · claude/skills/visualize/SKILL.md · Generate beautiful, on-brand HTML artifacts — reports, diagrams, diff reviews, slide decks, plans, recaps, dashboards…
v0.7.0 · audit A · 12 stars
visualize SKILL.md skill
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…
git:20260910.35de111 · audit A · 11 stars

Browse by kind, by grade A, or by owner.