Struq
Diseño web cinematográfico y galardonado para agentes de programación. Struq elige una dirección de diseño a partir de un breve resumen y entrega a tu agente un plan de construcción ordenado para crear un sitio de nivel Awwwards: paleta seleccionada, combinación tipográfica, estructura del proyecto, animaciones con GSAP y Lenis, y especificaciones para cada sección. Incluye una auditoría de React y Tailwind, además de una biblioteca seleccionada de paletas, tipografías, secciones y recursos multimedia de stock.
Servidor MCP alojado
npx add-mcp 'https://struq.nl/api/mcp'Se instala en Claude Code, Codex, Cursor y más
Documentación
Connect the MCP.
Add one address to your AI tool and sign in once. The skill works without it; with it, your agent gets the block catalogue as it stands today.
Updated. Struq skill 0.5.0.
The address
A remote MCP server over HTTP. It needs a free Struq account, because your client connects as you. The four catalogue tools are free.
Your client
Claude Code
Run this in a terminal. The second line lists your servers, so you can see Struq arrived.
claude mcp add --transport http --scope user struq https://struq.app/api/mcpclaude mcp list
Without --scope user the server lands in this project only, and your next repository will not see it.
Codex
Add this to ~/.codex/config.toml (on Windows %USERPROFILE%\.codex\config.toml).
[mcp_servers.struq]url = "https://struq.app/api/mcp"
Codex reads its server list when it starts. Open a new window after saving.
Cursor
Add this to ~/.cursor/mcp.json (on Windows %USERPROFILE%\.cursor\mcp.json).
{"mcpServers": {"struq": {"url": "https://struq.app/api/mcp"}}}
Cursor has no sign-in command. After the reload, open Settings, then MCP, and approve Struq there.
VS Code
Open the Command Palette, run MCP: Open User Configuration and add this.
{"servers": {"struq": {"type": "http","url": "https://struq.app/api/mcp"}}}
The top key is servers, not mcpServers, and "type": "http" is required. The Copilot CLI uses mcpServers instead, in the same shape.
Windsurf
Add this to ~/.codeium/windsurf/mcp_config.json (on Windows %USERPROFILE%\.codeium\windsurf\mcp_config.json).
{"mcpServers": {"struq": {"serverUrl": "https://struq.app/api/mcp"}}}
Windsurf reads serverUrl, not url.
Antigravity
Add this to ~/.gemini/config/mcp_config.json (on Windows %USERPROFILE%\.gemini\config\mcp_config.json).
{"mcpServers": {"struq": {"serverUrl": "https://struq.app/api/mcp"}}}
Antigravity reads serverUrl, not url. The IDE and the CLI share this file, so one setup covers both.
Claude, desktop and web
Open Settings, then Connectors, then Add custom connector. Name it Struq and paste the address.
Custom connectors need a paid Claude plan. On a free plan, use Claude Code instead.
Check it works
Ask your agent which Struq tools it sees.
Which Struq tools can you see?
Four on a free account, twelve on Pro. The tools page says what each one does.
Disconnect
Revoke the connection in your Struq account, under AI connections. Access stops at once. Remove the lines from your client’s config as well, or it keeps asking you to sign in.