Hand-crafted UI components and design systems for agents, so builds don't look like AI slop.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add --transport http noslopui https://noslopui.com/api/mcp --header 'Authorization: <AUTHORIZATION>'~/.codex/config.toml
[mcp_servers.noslopui]
url = "https://noslopui.com/api/mcp"
http_headers = { Authorization = "<AUTHORIZATION>" }
# codex mcp add noslopui --url https://noslopui.com/api/mcp~/.cursor/mcp.json
{
"mcpServers": {
"noslopui": {
"url": "https://noslopui.com/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"noslopui": {
"type": "http",
"url": "https://noslopui.com/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"noslopui": {
"httpUrl": "https://noslopui.com/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"noslopui": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://noslopui.com/api/mcp",
"--header",
"Authorization:<AUTHORIZATION>"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"noslopui": {
"url": "https://noslopui.com/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}