ngx-json-render UI

Name: ngx-json-render UI
Author: shteynum

shteynum

Generative UI for Angular: a json-render renderer that streams AI-generated JSON specs into real Angular components with signals. Works with AG-UI agents and CopilotKit, MCP Apps and the Vercel AI SDK.

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

claude mcp add --transport http ngx-json-render-ui-shteynum https://ngx-json-render-ui--shteynum.run.tools

~/.codex/config.toml

[mcp_servers.ngx-json-render-ui-shteynum]
url = "https://ngx-json-render-ui--shteynum.run.tools"

# codex mcp add ngx-json-render-ui-shteynum --url https://ngx-json-render-ui--shteynum.run.tools

~/.cursor/mcp.json

{
  "mcpServers": {
    "ngx-json-render-ui-shteynum": {
      "url": "https://ngx-json-render-ui--shteynum.run.tools"
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "ngx-json-render-ui-shteynum": {
      "type": "http",
      "url": "https://ngx-json-render-ui--shteynum.run.tools"
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "ngx-json-render-ui-shteynum": {
      "httpUrl": "https://ngx-json-render-ui--shteynum.run.tools"
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "ngx-json-render-ui-shteynum": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://ngx-json-render-ui--shteynum.run.tools"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "ngx-json-render-ui-shteynum": {
      "url": "https://ngx-json-render-ui--shteynum.run.tools"
    }
  }
}

Setup

Related