Struq
Thiết kế web đậm chất điện ảnh, từng đoạt giải thưởng dành cho các coding agent. Struq chọn hướng thiết kế từ một bản mô tả ngắn và cung cấp cho agent của bạn kế hoạch xây dựng theo thứ tự để tạo một trang web đẳng cấp Awwwards: bảng màu được tuyển chọn, cặp kiểu chữ, khung dự án, hiệu ứng chuyển động GSAP và Lenis, cùng thông số kỹ thuật cho từng phần. Bao gồm công cụ kiểm tra React và Tailwind, cùng thư viện được tuyển chọn gồm bảng màu, kiểu chữ, các phần nội dung và tư liệu truyền thông có sẵn.
Máy chủ MCP được lưu trữ
npx add-mcp 'https://struq.nl/api/mcp'Cài vào Claude Code, Codex, Cursor và nhiều công cụ khác
Tài liệu
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.