Struq

Cinematic, award-winning web design for coding agents. Struq picks a design direction from a short brief and hands your agent an ordered build plan for an Awwwards-level site: curated palette, type pairing, project shell, GSAP and Lenis motion, and a spec per section. Includes a React and Tailwind audit and a curated library of palettes, type, sections and stock media.

Hosted MCP Server

npx add-mcp 'https://struq.nl/api/mcp'

Installs into Claude Code, Codex, Cursor and more

Documentation

Set up Struq in Claude, Cursor, Codex and other AI tools.

Add Struq

Pick your tool and put the lines where the label says.

claude mcp add --transport http --scope user struq http://localhost:3000/api/mcp
claude mcp list

Sign in

On first use, Struq opens a sign-in page. Choose what your AI may do: read only, or also save.

Check

Ask your AI which Struq tools it sees: three on a free account, twenty on Pro.

Let your AI set it up