data visualization skills

234 tagged data visualization, measured the same way as everything else here.

Browse within: business-intelligence 56nextjs 40data 36data-modeling 33data-transformation 33geocoding 33github-api 33github-stargazers 33maplibre-gl 33data-science 26data-analysis 23data-analytics 23dbt 22machine-learning 22

streamlit/streamlit

Skill Claude CodeCodex

Address all valid review comments on a PR for the current branch in the streamlit/streamlit repo. Covers both inline review comments and general PR (issue) comments. Use when a PR has reviewer feedback to address, including code changes, style fixes, and documentation updates.

46k +15 today A 61 tokens original Apache-2.0

streamlit/streamlit

Skill Claude CodeCodex

Generates polished website release notes between two git tags for docs.streamlit.io. Use when preparing a new Streamlit release or reviewing changes between versions.

46k +15 today A 35 tokens original Apache-2.0

streamlit/streamlit

Skill Claude CodeCodex

Explains Streamlit's internal architecture including backend runtime, frontend rendering, and WebSocket communication. Use when debugging cross-layer issues, understanding how features work end-to-end, planning architectural changes, or onboarding to the codebase. Covers ForwardMsg/BackMsg protocol, script rerun…

46k +15 today A 75 tokens original Apache-2.0

diagram-design

04

cathrynlavery/diagram-design

Skill Claude CodeCodex

Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop), loop/flywheel, nested, tree, org chart, layer stack, Venn, pyramid/funnel, treemap, bar, line, Gantt and scatter charts, high-level…

29k 2d ago A 188 tokens original MIT

marimo-pair

05

marimo-team/marimo

Skill Claude CodeCodex

Work inside the user's live marimo notebook from the code editor: run Python in the same kernel the user does, inspect live notebook state, and commit durable notebook changes through code mode. Use whenever you create, analyze, or improve the user's marimo notebook.

23k 2d ago A 57 tokens original Apache-2.0

marimo-team/marimo

Skill Claude CodeCodex

Fill empty description: "" fields in packages/llm-info/data/models.yml by querying OpenRouter and provider documentation. Use when the user asks to populate model descriptions, enrich the model catalog, or backfill descriptions after running pnpm sync-models.

23k 2d ago A 0 tokens original Apache-2.0

debug-local

07

lightdash/lightdash

Skill Claude CodeCodex

Debug the Lightdash app using PM2 logs, Maple traces, and browser automation. Use when investigating issues, tracking down bugs, understanding request flow, or correlating frontend actions with backend behavior.

6.1k yesterday A 42 tokens

lightdash/lightdash

Skill Claude CodeCodex

Apply the Lightdash frontend style guide when working on React components, migrating Mantine v6 to v8, or styling frontend code. Use when editing TSX files, fixing styling issues, or when user mentions Mantine, styling, or CSS modules.

6.1k yesterday A 55 tokens

lightdash/lightdash

Skill Claude CodeCodex

Build ONE reusable chart visualization component that receives its data and its settings from the host application instead of fetching them, and declares the fields and config options the host exposes to viewers. Use this whenever a single chart component is reused across many different queries rather than built for…

6.1k yesterday A 102 tokens

flint-chart-author

10

microsoft/flint-chart

Skill Claude CodeCodex

Use when: the user asks to make or render charts with flint-chart, visualize tabular data, generate a ChartAssemblyInput, validate/render through MCP, or add Flint to a JS/TS project. Author the semantic spec, transform data before Flint when needed, install/import Flint only when executable code is needed, and…

4.1k 3d ago A 81 tokens original MIT

flint-theme-author

11

microsoft/flint-chart

Skill Claude CodeCodex

Use when: creating, translating, refining, reviewing, or validating a custom Flint ThemeSpec from brand guidelines, websites, slide decks, publication references, design tokens, or an existing visual identity. Produce a reusable ThemeSpec JSON object for Flint Theme Lab without inventing fields or changing chart…

4.1k 3d ago A 64 tokens original MIT

dashboard-design

12

mckinsey/vizro

Skill Claude CodeCodex

Use this skill first when the user wants to design or plan a dashboard, especially Vizro dashboards. Enforces a 3-step workflow (requirements, layout, visualization) before implementation. Activate when the user asks to create, design, or plan a dashboard. For implementation, use the dashboard-build skill after…

3.8k 2d ago A 71 tokens original Apache-2.0

mckinsey/vizro

Skill Claude CodeCodex

Use this skill when adding cross-filter, cross-highlight, drill-through, or data export interactions to a Vizro dashboard — both for choosing the right interaction pattern during design and for implementing actions in code. Activate when the user wants clicks on a chart or table to filter or highlight other charts…

3.8k 2d ago A 86 tokens original Apache-2.0

writing-vizro-yaml

14

mckinsey/vizro

Skill Claude CodeCodex

Use this skill when writing or debugging Vizro YAML dashboard configurations — component syntax, datamanager registration, custom function wiring, filter/parameter setup, or AG Grid tables. Activate when the user is building a Vizro app, encountering YAML or runtime errors, or asking about Vizro component patterns.

3.8k 2d ago A 66 tokens original Apache-2.0

blog-post

15

nteract/semiotic

Skill Claude CodeCodex

Author a new entry for the Semiotic blog. Use this skill whenever the user asks for a blog post, release summary, chart explainer, or case study to publish at /blog/SLUG.

2.7k 2d ago A 44 tokens original Apache-2.0

semiotic-charts

16

nteract/semiotic

Skill Claude CodeCodex

Generate trustworthy, accessible, agent-legible charts with Semiotic. Use whenever you produce a data visualization in a React/TypeScript app, stream a chart as generative UI, or pick a chart type for a dataset. Emit a validated config and run the trust loop — never hand-write chart JSX that breaks on first paint.

2.7k 2d ago A 71 tokens original Apache-2.0

nteract/semiotic

Skill Claude CodeCodex

Inspect a ChatGPT Apps MCP server codebase and generate chatgpt-app-submission.json with app info suggestions, tool hint justifications, test cases, and negative test cases, then report review-check findings and outputSchema warnings for submission review.

2.7k 2d ago A 56 tokens original Apache-2.0

lieflat-charts

18

larashero3-dotcom/lieflat-charts

Skill Claude CodeCodex

A template-based tool for making data visualizations and publishable HTML reports. It can use real implementations from included chart galleries and choose from 12 full-page report templates based on the data’s meaning.

2.0k 13d ago A 113 tokens

bklit-ship

19

bklit/bklit-ui

Skill Claude CodeCodex

This skill is for bklit-ui monorepo contributors taking a chart or component validated in Studio into production: published in the UI package, documented, and ready for users.

1.6k 1mo ago A 34 tokens original MIT

pr-open

20

bklit/bklit-ui

Skill Claude CodeCodex

Open a pull request the bklit-ui way: stage and commit with pre-commit hooks, run ultracite from the repo root, rebuild the shadcn registry, run a production test build, fix failures, push, and create a PR with a structured summary. Use when the user asks to commit, push, open a PR, "ship it", or run the full pre-PR…

1.6k 1mo ago A 88 tokens original MIT

bklit-ui

21

bklit/bklit-ui

Skill Claude CodeCodex

Bklit UI charts and data visualization for any project using the @bklit shadcn registry. Install, compose, theme, and animate charts correctly. Triggers when working with @bklitui/ui/charts, @bklit components, data visualization, dashboards, or chart theming. Also invoke manually for chart tasks.

1.6k 1mo ago A 75 tokens original MIT

op7418/guizang-material-illustration

Skill Claude CodeCodex

Generate Guizang-style material illustrations, labeled explanatory visuals, material-styled chart illustrations, and data-first editorial images from articles, notes, product concepts, workplace reports, creator posts, tutorials, school materials, humanities topics, science explanations, screenshots, or chart data.…

1.1k 1mo ago A 177 tokens

cnsplots

23

faridrashidi/cnsplots

Skill Claude CodeCodex

Create, revise, and troubleshoot publication-ready scientific plots in Python with cnsplots, including distribution, regression, heatmap, genomics, survival, set, flow, and multi-panel figures. Use when a user asks for cnsplots code, Cell/Nature/Science-style visualization, precise pixel-sized figures, statistical…

656 4d ago A 79 tokens original BSD-3-Clause

figmirror

24

VILA-Lab/FigMirror

Skill Claude CodeCodex

This FigMirror skill should be used when the user asks to "mirror this figure's style", "copy this figure's style", "make a chart that looks like this paper", "reproduce this figure with my data", "match this paper's aesthetic", "I want a NeurIPS-quality version of this", or any variant where they hand over a cropped…

510 20d ago A 140 tokens