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: