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.