MCP connector · free · no account

The Humble library,
inside Claude.

Connect once and Claude can search all 298 website sections, read their code and assemble them into a real Next.js page — then hand it to the visual builder.

Connector URL

This is all Claude needs. No sign-in, read-only.

https://www.hamzahajtaieb.com/api/mcp

Claude Desktop and claude.ai

A custom connector, added once, works in both and syncs across your devices.

Open Settings → Connectors.
Click Add custom connector.
Name it Humble, paste the URL above, then Add.
In a chat, open the + menu and make sure Humble is switched on.

On a Team or Enterprise plan, an owner may need to add the connector for the organization first.

Claude Code

Run this once in a terminal.

claude mcp add --transport http humble https://www.hamzahajtaieb.com/api/mcp

Older Claude Desktop versions

If your version has no custom connectors, add this to claude_desktop_config.json (Settings → Developer → Edit Config) and restart Claude. It needs Node.js installed.

{
  "mcpServers": {
    "humble": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://www.hamzahajtaieb.com/api/mcp"]
    }
  }
}

What Claude can do with it

search_blocksFind sections by words, group or library — “dark hero”, “pricing”, “Handpicked”.
get_blockA block's full React source, its npm packages and assets, and its snapshot so Claude can see it.
build_pageBlocks in order → a complete, runnable Next.js project, the same as the builder's ZIP export.
open_in_builderA link that opens the composed page in the visual builder, ready to edit and deploy.
list_libraryEvery library and section group, with counts.

Try asking

“Find me three dark hero sections with an image and show me what they look like.”
“Build a landing page for a yoga studio from the Humble library and give me the builder link.”
“Get the code for the hp-sylva block and add it to my Next.js app.”

The Humble library,inside Claude.