CAD your AI agent can actually drive.

Chat with it.
Or code it yourself.

Both work on the same files, with the same viewer. You can switch between them in the middle of a design.

# ~/.codex/config.toml
[mcp_servers.shapeitup]
command = "npx"
args = ["-y", "@shapeitup/mcp-server"]
startup_timeout_sec = 60  # first npx download is slow
tool_timeout_sec = 180    # cold renders can exceed 60 s

// ~/.cursor/mcp.json · claude_desktop_config.json
{ "mcpServers": { "shapeitup": {
  "command": "npx", "args": ["-y", "@shapeitup/mcp-server"]
} } }

Fusion-style editing.
The result is plain text.

Pick a face and pull it. Round an edge. Shell a box, mirror a bracket, pattern a hole. The viewport previews the change through the real kernel. When you press Apply, it writes one readable line into your file. Where it can, that line refers to your parameter names, so the edit still works after you move a slider.

viewer

Edge54.0 mm Fillet2mmApply max 4.9 mm

Apply

bracket.shape.ts+3 −2

- import { holes, patterns, placeOn, shape3d } from "shapeitup";+ import { holes, patterns, placeOn, shape3d, filletEdge } from "shapeitup";  …-   return bracket;+   return filletEdge(bracket,+     (e) => e.containsPoint([0, -thickness, height]), 2);  }

This is the exact code the playground wrote. It used thickness and height rather than 5 and 50, so the rounded edge moves with the part when you drag those sliders. The import was added for you, and the 4.9 mm limit comes from the kernel.

• ⤒ExtrudeextrudeFace
• ◜FilletfilletFace
• ◿ChamferchamferFace
• ▢ShellshellFace
• ∪JoinjoinBodies
• ∖CutcutBodies
• ∩IntersectintersectBodies
• ✥Move · Copy.translate()
• ↻Rotate.rotate()
• ⧎Mirror.mirror("YZ")
• ⋮⋮Patternpatterns.repeat
• ⊟Sectionclip plane
• ↔MeasureΔX ΔY ΔZ
• ⊶Parametersparams.width = 72
• ⬡ViewCube26 directions

Fusion 360 is a trademark of Autodesk, Inc. ShapeItUp is not affiliated with or endorsed by Autodesk. We mention it only to describe the kind of editing the viewport supports.

One file, one part.
Import it anywhere.

standoff.shape.ts export function makeStandoff()

plate.shape.ts export function makePlate()

assembly.shape.ts import { makePlate } from "./plate.shape"

Every .shape.ts renders on its own. Import it into another file and it becomes part of an assembly. Change the component, and every assembly that uses it updates on the next render.

import { makePlate } from "./plate.shape";
import { makeStandoff } from "./standoff.shape";
import { patterns } from "shapeitup";

export default function main() {
  return [
    { shape: makePlate(100, 80, 4), name: "plate" },
    ...patterns.grid(2, 2, 58, 49).map(/* standoffs */),
  ];
}

• Joints and mates: assemble(), mate(), symmetricPair()
• Declare a material and get mass and a bill of materials
• Collision checks with an allow-list for parts that are meant to touch
• Tested on a 98-part knitting-machine build