preview
Re-renders a stored artifact (or raw SVG) to PNG at any width
How to use it
preview is exposed by the Nakkas MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the preview 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
scales the preview
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