Last updated: October 16, 2026
nnuer connector
The nnuer connector lets AI tools such as Claude send the UI you build together to nnuer, block by block (hero, pricing, footer...), each with a build prompt that recreates it. It can also look up blocks on nnuer so you can reuse them when building a page.
What you need
- An nnuer account (Google sign-in, or an ID issued by the operator).
- An AI tool that supports remote MCP servers with OAuth sign-in: Claude (web, desktop, mobile), ChatGPT, Le Chat, Claude Code, Cursor, VS Code, Codex, Gemini CLI, Windsurf, Zed, Junie, Kiro, Goose, Warp, Raycast and others.
Connect
Server URL: https://nnuer.site/mcp
Claude
- Open nnuer in Claude's connector directory, or search for nnuer in Settings > Connectors.
- Choose Connect, sign in to nnuer in the window that opens and choose Allow.
- If nnuer is not listed for you (for example on a team plan), add a custom connector with the server URL above.
Claude Code
Run claude mcp add --transport http nnuer https://nnuer.site/mcp, then open /mcp in Claude Code and sign in to nnuer. To get the sharing and reuse skills as well, install the plugin instead: claude plugin marketplace add kanghuitae/nnuer && claude plugin install nnuer@nnuer.
ChatGPT
On chatgpt.com/plugins choose + > Add custom MCP server, enter the server URL above with OAuth, and sign in to nnuer when asked.
Other tools
Add the server URL as a remote (Streamable HTTP) MCP server. Sign-in uses OAuth; no API key is needed. Settings > AI tool connections has the exact settings for each tool and one-click install links for Cursor, VS Code, Kiro and Goose.
Permissions
blocks:read: read public blocks and your own blocks.blocks:submit: send blocks to your review inbox. Blocks are saved only when you save them on nnuer.
Tools
| Tool | Type | What it does |
|---|---|---|
get_block_guidelines | Read-only | Returns the categories, result format and build-prompt rules for UI blocks, interactions and graphics. The AI reads it before sending anything. |
submit_blocks | Write (non-destructive) | Sends UI blocks, interactions and graphics to your review inbox. Code is checked first and images are uploaded with it. Nothing is published; it returns a review link. |
search_blocks | Read-only | Finds public work, or your own including private, by keyword, kind (UI block, interaction, graphic) and category. |
get_block | Read-only | Gets one item's build prompt and latest result (code or image URL). |
Example prompts
- "Split the landing page we just built into blocks and send them to nnuer."
- "Find dark pricing tables on nnuer and show me their build prompts."
- "Build an About page using my hero and footer blocks from nnuer."
How sending works
- The AI reads the block guidelines and sends each section as a block with its build prompt and code.
- nnuer checks the code. If something fails, the AI gets the error and can fix it and send again.
- You get a review link, and a card appears in any open nnuer tab. Preview the blocks, pick the ones to keep and save. Unsaved blocks are deleted when you finish the review.
Limits
- Up to 30 blocks per send, and 30 sends per hour.
- Code: one React component file or one HTML file per block.
- Images: PNG, JPG, WEBP, GIF or SVG, up to 10MB each. One send must stay under about 4MB in total, so send large images in separate calls.
Disconnect
Settings > AI tool connections > Disconnect. The tool loses access immediately, including tokens it already holds.
Troubleshooting
- The sign-in window keeps coming back: allow cookies for nnuer.site and sign in again.
- "connection was revoked": the tool was disconnected in Settings. Connect it again.
- Sending fails with a code error: the message names the block and the line; ask the AI to fix it and send again.
- "30 per hour": wait a little and send again.
Data and support
The connector only receives what the AI sends through these tools. It does not read your conversations. See the Privacy Policy and Terms. Support: nnuer.site@gmail.com.