Skill

Chart Designer

claude-office

Data

Turns a prepared dataset into the right visualization - choosing an appropriate chart type and emitting ready-to-render configs for libraries like ECharts and Chart.js, up to full dashboards. Its job is PRESENTING data visually; it does not scrape sources, clean the data, or compute the statistical findings you decide to show.

Situations it fits

You’ve cleaned and normalised a CSV of monthly sales (dates, SKUs, amounts) and need a ready plotting spec or config your frontend team can drop into the UI to show trends and categorical bars - you don’t want to write the chart code yourself.

Chart Designer. chart-designer is the skill that takes a prepared table and produces the right visual presentation and ready-to-use plotting configs for dashboards, which is exactly what you need here. The other skills focus on different stages: web-scraping is for acquiring messy web content, EDA inspects and diagnoses a dataset (but doesn’t emit rendering configs), and deep-research synthesizes multi-site findings into reports rather than producing dashboard-ready chart specs.

You have a cleaned table of last quarter's sales by product and need a single, polished graphic to drop into a stakeholder slide that highlights trends and comparisons.

Chart Designer. chart-designer is built to take an already prepared dataset and produce the right visual output and configuration for presentation - exactly what you need to create a polished, copy-paste-ready graphic. The other skills either gather information, analyze data quality, or perform broad literature-style research, none of which focus on making a presentation-ready figure from a prepared table.

Designers handed you a cleaned sales table and asked for publication-ready visuals: pick the best chart types for each metric and deliver ready-to-run chart configs (e.g., ECharts or Chart.js) that the marketing team can drop into slides.

Chart Designer. Chart-designer (claude-office) is ideal because the job is to take a prepared table and turn it into the appropriate, polished visualizations plus renderable chart configurations for specific libraries. It focuses on presentation and producing code-ready chart specs. EDA might inspect the numbers first, but it doesn't produce ready-to-render chart configs, and scraping or deep research are irrelevant to producing slide-ready visual assets.

You already have a cleaned monthly revenue table and want a polished interactive bar-and-line combo, plus a ready-to-drop configuration for your dashboard.

Chart Designer. Chart design takes a prepared dataset and produces the appropriate visualization and render-ready configuration for dashboards, which is exactly what you need. The other skills either collect raw pages (web-scraping), examine the dataset for issues before modeling (EDA), or assemble long sourced reports (deep research); none focus on producing the final interactive chart configs.

8 scenarios in the bank answer to Chart Designer. The rest are in the game.

Skills it gets confused with

These share a family with Chart Designer, which is another way of saying they are the ones you might reach for by mistake.

Knowing what Chart Designer does is the easy half. Telling it apart from the others under time pressure is the game.

Today's session

Chart Designer is part of claude-office-skills/skills. Licence: MIT. The description above was written for this game, not taken from the skill.