Skip to content
SkillCheatSheet Sign in

dataviz

An AI agent skill from JimLiu/baoyu-design, scored 71 out of 100 by code.

71/ 100B

Code score by group

  • Spec20/20
  • Description14/20
  • Procedure10/15
  • Done criteria4/15
  • Resources7/10
  • Scripts7/8
  • Safety7/7
  • Upkeep2/5

It loses the most points in Done criteria (11), the group that checks whether there is a checklist and a step that verifies the work.

What the author says it does

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 references/palette.md.

This is the description in the skill's own SKILL.md, written by its author, not by SkillCheatSheet.

Repository
JimLiu/baoyu-design
Folder
skills/dataviz
License
Not identified by GitHub
GitHub stars
6,392
SKILL.md lines
69
Other files
9

Add dataviz to your agent

npx skills add JimLiu/baoyu-design --skill dataviz

The command uses the open skills CLI. A skill is instructions and scripts your agent will follow, so read it first: open the folder on GitHub at the commit that was scored. GitHub identifies no license for this repository, so check its terms before you use it.

Labelled for

More skills from JimLiu/baoyu-design

  1. claude-design-system

    Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a README brand book, component previews, fonts and asset groups) as…

    81B
  2. claude-slides

    Make and revise slide decks in the Slides artifact format (project/deck.json plus one HTML file per slide) as local files, then open them in a local slide editor where the user ca…

    70B
  3. claude-data

    Use this for a local, data-backed dashboard, metrics page, KPI tracker, scorecard, data visualization or recurring report that opens in the bundled live editor: a page or scroll s…

    69C
  4. claude-design

    Make and revise designs in the Design (canvas) artifact format (project/canvas.json plus one .dc.html Design Component file per artboard) as local files, then open them in a local…

    69C
  5. claude-whiteboard

    Use this for a local Whiteboard: a shared space for laying out thinking in whatever form it needs (a diagram, a flow, a map of ideas, a plan, a comparison, a drawn explanation, a…

    69C
  6. claude-motion

    Use this for a local Motion film: a short animated video (10–30 s unless asked for more, 900 s at most), such as an explainer, product walkthrough or UI demo, launch teaser, logo…

    68C
  7. motion-director

    Use this to make a finished motion video that has something to say: an explainer, a product or feature video, a data story, an article or report retold, a social short, an opener…

    68C
  8. baoyu-design

    Create or edit visual design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, slide decks, print documents…

    64C

All skills in JimLiu/baoyu-design

Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.