Struq

코딩 에이전트를 위한 시네마틱한 수상 경력의 웹 디자인. Struq는 짧은 브리프를 바탕으로 디자인 방향을 정하고, Awwwards 수준의 사이트를 위한 체계적인 빌드 계획을 에이전트에 전달합니다. 여기에는 엄선된 팔레트, 서체 조합, 프로젝트 셸, GSAP 및 Lenis 모션, 섹션별 사양이 포함됩니다. React 및 Tailwind 감사와 엄선된 팔레트, 서체, 섹션, 스톡 미디어 라이브러리도 제공합니다.

호스팅형 MCP 서버

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

Claude Code, Codex, Cursor 등에 설치됩니다

문서

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

https://struq.app/api/mcp

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.

https://struq.app/api/mcp

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.