Skills for Real Engineers. Straight from my .agents directory.
dataviz
Agent skill fromJimLiu/baoyu-design
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.
How to install dataviz
npx skills add JimLiu/baoyu-design# or add only this skill to Claude Code: copy the folder
skills/dataviz/
# into
~/.claude/skills/dataviz/ (all projects)
.claude/skills/dataviz/ (one project)
More skills in baoyu-design
Similar skill repositories
An agentic skills framework & software development methodology that works.
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
Public repository for Agent Skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
