previewWidth
scales the preview
How to use it
previewWidth is exposed by the Nakkas MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the previewWidth tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.
Install Nakkas
claude mcp add nakkas npx nakkas@latestOther tools in Nakkas (36)
cx, cy, radius, count, startAngle, endAngle, child
stdDeviation
value (px offset, default 3)
r
stdDeviation, offsetX, offsetY, color
rx, ry
stdDeviation, value (intensity, default 1.5)
stdDeviation
stdDeviation, color
value (0–1)
cols, rows, colSpacing, rowSpacing, child
children
value (degrees)
href, width, height
color, stdDeviation, value (opacity, default 0.5)
—
x1, y1, x2, y2
stdDeviation, color
value (opacity 0 to 1, default 0.25)
color, value (thickness, default 2)
fn
d
waypoints, count, child
points
points
Re-renders a stored artifact (or raw SVG) to PNG at any width
cx, cy, count, radius, child
width, height
Takes SVGConfig JSON, returns a PNG preview + artifact id (+ design analysis warnings)
value
Saves a stored artifact (or raw content) to disk as SVG (text) or PNG (raster)
width, height, count, seed, child
—
content
pathId, text
href