Source profileQuality 64/100Review permissions

nexu-io/open-design/skills/d3-visualization/SKILL.md

d3-visualization

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 repository stars
82,073
Declared platforms
0
Static risk flags
2
Last source update
2026-07-28
Source checked
2026-07-28

Decision brief

What it does—and where it fits

Curated from @jiannanya.

Best for

    Not for

    • Tasks that require unconfirmed production actions or broad system permissions.
    • Environments where the pinned source and install steps cannot be inspected.

    Compatibility matrix

    Platform support, with evidence labels

    PlatformStatusEvidenceWhat to check
    CodexNot declaredNo explicit evidencePortability before use
    Claude CodeNot declaredNo explicit evidencePortability before use
    CursorNot declaredNo explicit evidencePortability before use
    Gemini CLINot declaredNo explicit evidencePortability before use
    Open the compatibility checker

    Installation

    Inspect first. Install second.

    The source command is displayed only when detected. A safe inspection prompt is always available so your agent can explain every action before execution.

    Source-detected install commandSource
    npx skills add https://github.com/nexu-io/open-design --skill "skills/d3-visualization"
    Safe inspection promptEditorial

    Inspect the Agent Skill "d3-visualization" from https://github.com/nexu-io/open-design/blob/89d6d4ef21baf80f871595abdf6f7de6e941dd44/skills/d3-visualization/SKILL.md at commit 89d6d4ef21baf80f871595abdf6f7de6e941dd44. List every install step, command, network request, credential, file read/write, external action, and rollback step. Explain whether it fits my task. Do not install or execute anything until I approve.

    Workflow

    What the source asks the agent to do

    1. 01

      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 reference documents, install the upstream bundle into your active agent's skills directory:

      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 reference documents, install the upstream bund…
    2. 02

      What it does

      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, repor…

      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, intera…
    3. 03

      Source

      Upstream: https://github.com/jiannanya/snow-d3/

      Upstream: https://github.com/jiannanya/snow-d3/Category: diagrams- Upstream: https://github.com/jiannanya/snow-d3/ - Category: diagrams
    4. 04

      Inspect the upstream README for exact paths

      open https://github.com/jiannanya/snow-d3/

      open https://github.com/jiannanya/snow-d3/

    Permission review

    Static risk signals and limitations

    Network access

    medium · line 23

    The documentation includes network, browsing, or remote request actions.

    open https://github.com/jiannanya/snow-d3/

    Network access

    medium · line 26

    The documentation includes network, browsing, or remote request actions.

    git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3

    Runs scripts

    medium · line 26

    The documentation asks the agent to run terminal commands or scripts.

    git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3

    Evidence record

    Why each signal appears

    EvidenceSourceComputedTestedEditorial
    SignalValueEvidence typeMeaning
    Quality score64/100ComputedDocumentation, specificity, maintenance, and trust rules
    Repository stars82,073SourceRepository attention, not individual Skill quality
    Compatibility0 platformsSourceDeclared in the catalog source record
    Usage guideautomated source guideEditorialGenerated or reviewed according to the visible evidence level

    Pinned source

    Provenance and original SKILL.md

    Repository
    nexu-io/open-design
    Skill path
    skills/d3-visualization/SKILL.md
    Commit
    89d6d4ef21baf80f871595abdf6f7de6e941dd44
    License
    Apache-2.0
    Collected
    2026-07-28
    Default branch
    main
    View the original SKILL.md

    d3-visualization

    Curated from @jiannanya.

    What it does

    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

    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 reference documents, install the upstream bundle into your active agent's skills directory:

    # Inspect the upstream README for exact paths
    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, 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"