Design & MediaMCP Registryremote5 toolsB · 73

Designelier MCP server

Name: Designelier
Author: designelier.com

com.designelier · Updated today

Generate matching icon sets, spot illustrations and transparent design assets for sites and apps.

At a glance

Designelier is an MCP server in the Design & Media category. It is hosted remotely and connects over HTTP, and declares no required credentials. It exposes 5 tools, including designelier_get_account, designelier_plan_assets and designelier_plan_pack. It scores B (73/100) on the MCP Skills Hub health score as of Oct 28, 2026.

Source 0

One-click install

VS Code VS Code Insiders Cursor

Opens your editor and pre-fills the config. Your editor will ask before adding it.

How to install Designelier in your AI client

Setup for Claude Code, Claude Desktop, Cursor, Codex, Windsurf, Cline and VS Code — copy-paste ready.

How to install Designelier in Claude CodeAnthropic's agentic CLI

Add the server

bash

claude mcp add --transport http designelier https://mcp.designelier.com/mcp

2
Verify it's connected
bash
```
claude mcp list
```
Sharing it with your team?
Add `--scope project` to write it to .mcp.json in the repository root, which you can commit (with the secrets left as environment variables).
Use it in a session
Ask Claude to use the tools this server exposes (e.g. designelier_get_account, designelier_plan_assets, designelier_plan_pack). It discovers them automatically.

How to install Designelier in Claude DesktopDesktop app (MCP config)

Open your MCP config
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

Add this server

json

{
  "mcpServers": {
    "designelier": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.designelier.com/mcp"
      ]
    }
  }
}

Why the wrapper?
This is a remote (HTTP) server and Claude Desktop only launches local processes, so mcp-remote proxies the connection. It will open a browser window if the server needs OAuth.
Restart Claude Desktop
The tools appear under the 🔌 menu once the app reloads.

How to install Designelier in CursorAI-first code editor

Create / edit .cursor/mcp.json in your project

json

{
  "mcpServers": {
    "designelier": {
      "url": "https://mcp.designelier.com/mcp"
    }
  }
}

Enable it
Cursor Settings → MCP → toggle the server on. Tools become available to the Composer/Agent.

How to install Designelier in Codex CLIOpenAI coding agent

Add to ~/.codex/config.toml

toml

[mcp_servers.designelier]
command = "npx"
args = ["-y", "mcp-remote", "https://mcp.designelier.com/mcp"]

Why the wrapper?
Codex runs MCP servers as local processes, so mcp-remote bridges this HTTP endpoint to stdio.
Run Codex
Codex loads MCP servers from config.toml on startup and exposes their tools to the agent.

How to install Designelier in WindsurfCodeium's agentic IDE

Edit ~/.codeium/windsurf/mcp_config.json

json

{
  "mcpServers": {
    "designelier": {
      "serverUrl": "https://mcp.designelier.com/mcp"
    }
  }
}

Reload
Windsurf → Cascade → refresh MCP servers. Cascade can now call the tools.

How to install Designelier in ClineVS Code autonomous agent

Open Cline → MCP Servers → Configure
Adds to cline_mcp_settings.json.

Add the server

json

{
  "mcpServers": {
    "designelier": {
      "type": "streamableHttp",
      "url": "https://mcp.designelier.com/mcp"
    }
  }
}

How to install Designelier in VS CodeCopilot / MCP support

Create .vscode/mcp.json

json

{
  "servers": {
    "designelier": {
      "type": "http",
      "url": "https://mcp.designelier.com/mcp"
    }
  }
}

Start it
VS Code shows a ▶ Start action above the server entry. Agent mode (Copilot Chat) can then use the tools.

What tools does Designelier expose? (5)

Taken from the project's README — the server itself was not queried, so check its docs for the exact schemas.

designelier_get_accountRead total, reserved and available credits. Never spends credits.
designelier_plan_assetsPlan a matching icon set or spot illustrations with transparent backgrounds.
designelier_plan_packAnalyze one public website URL and create a pack plan with an immutable quote. Free.
designelier_get_packRead a pack, its planned subjects, style, quote, previews and download.
designelier_confirm_packConfirm the exact quote and generate the pack. Spends credits on success.

What the code can do

This is a remote server — nothing is installed or run on your machine, so there is no local code to analyze. What it can reach is described above: your requests go to the provider's host.

Before you install

Signals gathered from the source repo and package registry — not a safety verdict.

What it can reach

Third-party hosted service — Your requests and any data in them are sent to mcp.designelier.com.
No local execution — Nothing is installed or run on your machine.

Last commit today — Actively maintained.
Repository created today — Very new project with little track record yet.
0 GitHub stars — Very little community usage so far.

Client compatibility

Claude Code: NativeClaude Desktop: Via mcp-remoteCursor: NativeCodex CLI: Via mcp-remoteWindsurf: NativeCline: NativeVS Code: Native

Health score

B · 73

Maintenance, adoption, transparency and packaging — not a safety audit. How this is calculated

Maintenance30%100%
Last commit 0 days ago.
Adoption20%0%
0 stars.
Transparency20%100%
4/4: ✓ public source repo, ✓ declared license, ✓ documentation, ✓ discoverable tool list.
Provenance15%75%
Links to its own repository; package linkage unverified.
Packaging15%75%
Remote endpoint; authentication requirements not declared.

Documentation

Full README

Designelier MCP Server

Generate coordinated icon sets, spot illustrations and transparent design assets for websites and apps from any MCP client. Plan a pack from a short brief or your page, review the exact quote, and generate only after you confirm.

Endpoint: https://mcp.designelier.com/mcp (Streamable HTTP)
Auth: OAuth, sign in with your Designelier account
Website: https://designelier.com/mcp
Official MCP Registry: com.designelier/mcp

What you can do

Plan a matching icon set or spot illustrations (1 to 6 assets in one shared style and palette) from a short brief.
Plan a full artwork pack for a website from its public URL.
See the planned subjects, the style and the exact credit quote first. Planning is free.
Generate only after you confirm the quote. Download a ZIP with SVG files and full-canvas and cropped transparent WebP files.

The SVG files embed raster artwork. They are not editable vector paths.

Connect

The server uses OAuth. Your client opens a browser window, you sign in with your Designelier account and approve access. You do not copy an API key.

Claude (claude.ai and Claude Desktop)

Open Settings → Connectors → Add custom connector, enter https://mcp.designelier.com/mcp and select Connect.

Claude Code

bash

claude mcp add --transport http designelier https://mcp.designelier.com/mcp

Then run /mcp in Claude Code and authenticate designelier.

Codex CLI

Alternatives to Designelier

Maintain Designelier? Add a badge to your README

Shows its health grade, and links readers to install steps for every client.

markdown

[![Designelier on MCP Skills Hub](https://mcp-skills-hub.vercel.app/badge/com-designelier-mcp)](https://mcp-skills-hub.vercel.app/mcps/com-designelier-mcp)

Catalog data refreshed Oct 28, 2026. Something wrong? Report it.