figma-d3-react-ts

Installation
SKILL.md

D3.js for React — Pixel-Perfect from Figma

Every chart MUST match its Figma design 100%. Follow the steps below in order.


Step 1: Extract from Figma

mcp0_get_screenshot --nodeId <chart-node-id>
mcp0_get_design_context --nodeId <chart-node-id>
mcp0_get_variable_defs --nodeId <chart-node-id>

Step 2: Analyze Chart Properties

Study the Figma screenshot and answer these before writing any code:

Installs
3
First Seen
Mar 10, 2026
figma-d3-react-ts — corlab-tech/skills