mirror of
https://github.com/nexu-io/open-design.git
synced 2026-05-31 19:04:39 +07:00
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:
parent
7a70a02d83
commit
f4af51d550
2 changed files with 31 additions and 12 deletions
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Reference in a new issue