fix(skills): update d3-visualization skill upstream to snow-d3 and expand skill metadata (#1981)

* update d3 visualization skill

* update d3 skill info

* fix(skills/d3): align seed triggers and clone path with SKILL.md

- Add 'd3 scroll' to the d3-visualization triggers array in
  seed-curated-design-skills.ts so it matches the 16 triggers
  already present in skills/d3-visualization/SKILL.md.
- Change `git clone` target from `.` to `skills/snow-d3` so
  the install command produces the path described by the prose.
This commit is contained in:
Jiannanya 2026-05-25 18:58:23 +08:00 committed by GitHub
parent 7a70a02d83
commit f4af51d550
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 31 additions and 12 deletions

View file

@ -830,12 +830,12 @@ const CATALOGUE: CuratedSkill[] = [
{
id: 'd3-visualization',
description:
'Teaches the agent to produce D3 charts and interactive data visualizations. Useful for editorial dashboards, reports, and explanatory graphics.',
triggers: ['d3', 'd3.js', 'interactive chart', 'data visualization', 'editorial chart'],
'Teaches the agent to produce D3 charts and interactive data visualizations. A comprehensive D3.js skill with examples across chart types and techniques giving the agent expert-level knowledge to generate complex, interactive visualizations. Useful for editorial dashboards, reports, data-rich prototypes, and explanatory graphics.',
triggers: ['d3', 'd3.js', 'interactive chart', 'data visualization', 'editorial chart', 'd3 bar chart', 'd3 line chart', 'd3 map', 'd3 force graph', 'd3 sankey', 'd3 treemap', 'd3 sunburst', 'd3 choropleth', 'd3 animation', 'd3 scroll', 'snow-d3'],
mode: 'prototype',
category: 'diagrams',
upstream: 'https://github.com/chrisvoncsefalvay/d3-claude-skill',
attribution: 'Curated from @chrisvoncsefalvay.',
upstream: 'https://github.com/jiannanya/snow-d3/',
attribution: 'Curated from @jiannanya.',
},
{
id: 'hand-drawn-diagrams',

View file

@ -1,43 +1,62 @@
---
name: d3-visualization
description: |
Teaches the agent to produce D3 charts and interactive data visualizations. Useful for editorial dashboards, reports, and explanatory graphics.
Teaches the agent to produce D3 charts and interactive data visualizations. A comprehensive D3.js skill with examples across chart types and techniques giving the agent expert-level knowledge to generate complex, interactive visualizations. Useful for editorial dashboards, reports, data-rich prototypes, and explanatory graphics.
triggers:
- "d3"
- "d3.js"
- "interactive chart"
- "data visualization"
- "editorial chart"
- "d3 bar chart"
- "d3 line chart"
- "d3 map"
- "d3 force graph"
- "d3 sankey"
- "d3 treemap"
- "d3 sunburst"
- "d3 choropleth"
- "d3 animation"
- "d3 scroll"
- "snow-d3"
od:
mode: prototype
category: diagrams
upstream: "https://github.com/chrisvoncsefalvay/d3-claude-skill"
upstream: "https://github.com/jiannanya/snow-d3/"
---
# d3-visualization
> Curated from @chrisvoncsefalvay.
> Curated from @jiannanya.
## What it does
Teaches the agent to produce D3 charts and interactive data visualizations. Useful for editorial dashboards, reports, and explanatory graphics.
Teaches the agent to produce D3 charts and interactive data visualizations. A comprehensive D3.js skill with examples across chart types and techniques giving the agent expert-level knowledge to generate complex, interactive visualizations. Useful for editorial dashboards, reports, data-rich prototypes, and explanatory graphics.
## Source
- Upstream: https://github.com/chrisvoncsefalvay/d3-claude-skill
- Upstream: https://github.com/jiannanya/snow-d3/
- Category: `diagrams`
## How to use
This catalogue entry advertises the skill in Open Design so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
its original assets, scripts, and reference documents, install the upstream
bundle into your active agent's skills directory:
```bash
# Inspect the upstream README for exact paths
open https://github.com/chrisvoncsefalvay/d3-claude-skill
open https://github.com/jiannanya/snow-d3/
# Clone or copy the snow-d3/ folder into your workspace's skills/ directory
git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3
```
Then ask the agent to invoke this skill by name (`d3-visualization`) or with
one of the trigger phrases listed in this skill's frontmatter.
one of the trigger phrases listed in this skill's frontmatter, e.g.:
> "Create a zoomable treemap for my sales data"
> "Build a force-directed network graph like example 07 but for my own dataset"
> "Generate a calendar heatmap in D3"