dataviz SKILL.md skillB
dataviz from jimliu/baoyu-design is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add jimliu/baoyu-design/dataviz@git:20261031.7775fb5Pins git:20261031.7775fb5 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- B, 16 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- jimliu/baoyu-design
- Path
skills/dataviz/SKILL.md- Versions recorded
- 2
- Latest version
- git:20261031.7775fb5, committed Oct 31, 2026
- First version recorded
- Oct 30, 2026
- Size
- 7,601 bytes
- Repository stars
- 5,772
- License
- a license file GitHub does not identify
Use this skill whenever you are about to create ANY chart, graph, plot, dashboard, or data visualization, in ANY output medium (HTML/React artifact, inline SVG, matplotlib/plotly/d3/Recharts, PNG). Read it BEFORE writing the first line of chart code, choosing chart colors, building a stat tile / KPI row, or laying out a dashboard. Teaches a design-system-agnostic method - form heuristic, color formula with a runnable validator, mark specs, interaction rules. Default palette in…
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
# Data Visualization A chart is **read by people and executed by you**. This skill turns "make it look good" into a procedure with checks, so the result is right by construction rather than by taste. **The method here is design-system-agnostic.** Nothing in the procedure, the form heuristic, the six checks, or the mark specs is specific to one product. A design system supplies a small set of *parameters* (its ramps, a categorical order, a diverging pair, a status palette, a texture, its surfaces, its filter components); the method consumes them unchanged. A **validated default palette** is the reference instance, fully specified in `references/palette.md`. To target your brand, read that file's structure and substitute its values - touch nothing else. > The single most important habit: **the color part is computable, so compute it.** Never eyeball whether a palette is colorblind-safe - run `scripts/validate_palette.js`. ## The procedure - do these in order Color comes LAST. Most bad charts pick colors first. …
Read the whole file at its exact version.
How to install
mdr add jimliu/baoyu-design/dataviz@sha256:e9e805e804f30f44The line at the top of this page pins the label git:20261031.7775fb5, 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.
[](https://markdownregistry.com/a/art_cmceelgwcb25jaie)
0 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 2 versions of this file, between Oct 30, 2026 and Oct 31, 2026, about one every day.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20261031.7775fb5 latest | 2026-10-31 | 7775fb5 | 7,601 B | B | view · diff |
| git:20261030.73c8dd9 | 2026-10-30 | 73c8dd9 | 7,429 B | B | view |
Audit of the latest version
- fail: No script tag (matched: <script)
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (7601 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
Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.
Source
jimliu/baoyu-design · 5,772 stars · license a license file GitHub does not identify · pushed 2026-11-01 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_cmceelgwcb25jaie GET https://markdownregistry.com/api/v1/resolve?ref=jimliu/baoyu-design/dataviz GET https://markdownregistry.com/api/v1/blob/e9e805e804f30f441e7edd12b88a6763f2e40d34e49107d03d659914ab91d881
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 jimliu/baoyu-design
Every file in jimliu/baoyu-design