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
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.