This skill builds on diagrams-js/getting-started. Read it first for foundational concepts.

diagrams-js — Custom Nodes

Create nodes with custom icons from URLs, local files, or data URLs. Useful for services not in standard providers or proprietary components.

Setup

import { Diagram, Custom } from "diagrams-js";

const diagram = Diagram("Custom Services");

// Remote URL
const service = diagram.add(Custom("My Service", "https://example.com/icon.png"));

const svg = await diagram.render();