This page has tools for AI agents, not yet registered in this browser: open the Connect your AI menu (#agentMenu) in the bar above the rack and tick "Let my desktop AI use this page", then call await document.modelContext.executeTool(tool, JSON.stringify(args)) with a tool from getTools(), and JSON.parse the string it answers. The JSON block #webmcp-hint has a snippet that runs as written.

portrayal.dev
In development

The Rack Builder is still being built. Your racks are kept in this browser, and you can save and open them as .json files.

You can cable ports in 2D: press Cable, then click the port at each end.

Left / Right shows the rack from its sides, with its depth: it is for looking. Devices are placed and cables added in Front / Rear.

Cables are in 3D and in the exports: the sheet, draw.io, the 3D model, the bill of materials and a cable schedule.

Export has an import kit for NetBox and one for Nautobot: types, devices, modules and cables, in import order, with a README.

Set the site and the device role they name under Export, DCIM import settings.

Rack
Export
Connect your AI
Fit
Show

Front

Rear