Prototype · Preview: every server in the official registry, synced every 30 minutes. Reviews and accounts come in a later step.
PopNx MCPMCP servers for people who use AI · explained in plain words

Design Lounge

by SusanAcharyaversion 0.2.7i★ –iComputer or cloud
Registry nameio.github.SusanAcharya/design-lounge

Install

Overview

Description from the maker (original English)

A UI design library and skill for agents, with a page review for AI giveaways, SEO, AEO, and GEO.

PopNx MCP’s three pillars

These three are never merged into one score: opinions, measurements and popularity are different things.

What you can do with it

We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.

Install

Pick the AI app you use, then copy the settings.

Before you install

  • Basic checks: 3 of 3 passed
  • Runs on the maker’s server: what you ask it goes through their server.
  • Can do 18 things (tools) start_design, get_recipe, pick_direction, check_pick …
  • You fill in yourself: DESIGN_LOUNGE_SKILL_INSTALL, DESIGN_LOUNGE_HISTORY

You need

  • Runs in the cloudNothing to install; it connects over the internet
  • npmNode.js installed (for the npx command)

Which app do you use?

Pick your app above. We remember it, so next time the button says “Install in …”.

Works in Claude on the web, desktop and mobile:

  1. Open Settings → Connectors
  2. Press Add custom connector
  3. Paste the address below and press Add
  4. If it asks you to sign in, sign in with the maker
SettingsConnectors1+ Add2https://…3
https://www.designlounge.live/api/mcp

Or run it on your computer

Open Claude Desktop → Settings → Developer → Edit Config, and paste this into claude_desktop_config.json

{
  "mcpServers": {
    "design-lounge": {
      "command": "npx",
      "args": [
        "-y",
        "design-lounge-mcp"
      ],
      "env": {
        "DESIGN_LOUNGE_SKILL_INSTALL": "your-value",
        "DESIGN_LOUNGE_HISTORY": "your-value"
      }
    }
  }
}

Run this in your terminal

claude mcp add --transport http design-lounge https://www.designlounge.live/api/mcp

Or run it on your computer

claude mcp add design-lounge --env DESIGN_LOUNGE_SKILL_INSTALL=your-value --env DESIGN_LOUNGE_HISTORY=your-value -- npx -y design-lounge-mcp

Fill in the empty values before running it.

Open in Cursor

Or copy the settings yourself

Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json

{
  "mcpServers": {
    "design-lounge": {
      "url": "https://www.designlounge.live/api/mcp"
    }
  }
}

Or run it on your computer

Open in Cursor

Or copy the settings yourself

Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json

{
  "mcpServers": {
    "design-lounge": {
      "command": "npx",
      "args": [
        "-y",
        "design-lounge-mcp"
      ],
      "env": {
        "DESIGN_LOUNGE_SKILL_INSTALL": "your-value",
        "DESIGN_LOUNGE_HISTORY": "your-value"
      }
    }
  }
}

Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.

Open in VS Code

Or copy the settings yourself

Paste into .vscode/mcp.json in your project

{
  "servers": {
    "design-lounge": {
      "type": "http",
      "url": "https://www.designlounge.live/api/mcp"
    }
  }
}

Or run it on your computer

Open in VS Code

Or copy the settings yourself

Paste into .vscode/mcp.json in your project

{
  "servers": {
    "design-lounge": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "design-lounge-mcp"
      ],
      "env": {
        "DESIGN_LOUNGE_SKILL_INSTALL": "your-value",
        "DESIGN_LOUNGE_HISTORY": "your-value"
      }
    }
  }
}

Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.

ChatGPT connects only to servers on the internet:

  1. Open ChatGPT on the web → Settings → Connectors (Apps)
  2. Press Create or Add (some plans need Developer mode under Advanced first)
  3. Paste the address below, give it a name and save
  4. If it asks you to sign in, sign in with the maker
SettingsConnectors1+ Create2https://…3
https://www.designlounge.live/api/mcp

Menu names can differ slightly by plan and over time.

Your choice stays on this device in a cookie; no account needed.

Values you fill in

  • DESIGN_LOUNGE_SKILL_INSTALL env
    Set to off to stop the server installing the Design Lounge skill into ~/.agents/skills on start.
  • DESIGN_LOUNGE_HISTORY env
    Where recent design picks are kept. Default ~/.design-lounge/history.jsonl.

These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.

What it can do

Tool names and descriptions exactly as the server reported them on Nov 7, 2026. The maker wrote them, not us; we show them as plain text.

  • start_design

    Call first for any new website, app, screen, or UI. Reads their request the way the method does (flow, mode, named style, calm words), ranks the recipes, reads the project folder and the recent picks, and returns the brief to fill and the steps, each naming the tool to use.

  • get_recipe

    A recipe (start) with its directions: each a complete look (theme, pairing, family, hero, effect, work, footer). Each direction says whether the recent history blocks it.

  • pick_direction

    Apply rules 3 to 5 of Pick a direction and the Recent picks check: calm words narrow to quiet, editorial, or sharp families; the history blocks recent directions, heroes, and effects; the group check blocks two-of-three matches; the name number breaks the tie. You judge which dir

  • check_pick

    The uniqueness check from Recent picks: direction, hero, and effect against this recipe; two of hero, work, footer against the related group; hero shape against the last two; frame against the last three. Returns problems and the Unlike line for the sheet.

  • search_pieces

    Search 600+ piece briefs by words (job, component, style, tag) and filters. Returns ids, summaries, and demo links. Then get_piece for the brief.

  • get_piece

    The spec for one piece, with a picture of its demo: structure, counts, sizes, motion timing, states, hit targets, acceptance checklist. By default stops at "Optional below this line"; full=true adds the demo's exact paint and motion notes. demo=true adds the demo's HTML source, t

  • browse_library

    List themes, pairings, families, recipes, piece categories, collections, or kinds. Themes and pairings can be ranked by a mood ("warm craft", "editorial serif", "dark technical").

  • get_theme

    A theme's full CSS (primary, secondary, tertiary, feedback, surfaces, link) and its pair for the other mode. Colour only: fonts come from the pairing, radius and shadow from the family.

  • get_pairing

    A pairing's CSS (Google Fonts import, --font-display, --font-text, mono if any), its numbers face, and any caution to say before you write.

  • get_family

    A family's rules: radius, button style, density, shadow, and the sentences that lock them. The family wins over a brief for radius, shadow, button, and density.

  • get_icons

    SVG for Lounge Icons by name (24px, stroke 1.75). With no names, lists them by group. Missing names come back as missing: then follow Icon and nav in components.md, never an emoji.

  • search_wada

    Sanzo Wada's 348 combinations, by colour or material word (russet, slate, "dark warm") or nearest to a hex. Only for Free colour, a brand board no theme fits, or colours they asked for. Take one line whole; the header says how to map it to roles.

  • read_guide

    Read a method file or one section of it. Files: SKILL.md, app.md, brief.md, components.md, examples.md, flows.md, locale.md, native.md, practice.md, reference.md, search.md, show.md, styles.md, taste.md, website.md. Give a heading ("Look", "Write the idea", "Recent picks") to get

  • name_number

    The tie-break from rule 5 of Pick a direction: the sum of each letter's place in the alphabet, mod the number of fitting directions.

  • review_page

    The all-in-one check for a built page: AI giveaways and kit drift (the Look fails), SEO, AEO, GEO, and, when Chromium is available, a rendered pass at 1280×800 and 390×844 with axe accessibility, measured labels, faces, primaries, tap targets, and saved screenshots. Returns score

  • audit_slop

    Design only: the tells of a generated page (stock copy, em dashes, buzzwords, icon-card trios, gradients, the indigo palette, emoji icons, numbered eyebrows, placeholder copy, made-up numbers) and drift from the locked kit (faces, colours, radius, shadow). Static by default; rend

  • audit_search

    Whether search engines can index the page and show it well (SEO), answer engines can lift a direct answer (AEO), and AI engines can reach it, read it without JavaScript, and name the entity (GEO): title, description, headings, alt, share card and its 1200×630 image, canonical, ro

  • suggest_schema

    JSON-LD for the page built only from facts on it: the entity (Organization, LocalBusiness subtypes, Person, Product, SoftwareApplication) with name, url, description, image, phone, email, address, sameAs; and FAQPage from its own questions. Lists the fields it could not find. Nev

Basic checksi

We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 8, 2026

  • ✓ Pass

    Maker matches the repo

    The registry name was verified with the GitHub account SusanAcharya, which owns the repo

  • … Not checked yet

    Still maintained

    We have not read this repo from GitHub yet

  • … Not checked yet

    Has a licence

    We have not read this repo from GitHub yet

  • ✓ Pass

    Endpoint responds

    Responded in 188 ms (HTTP 200)

  • – Not applicable

    Sign-in with OAuth

    No sign-in needed

  • ✓ Pass

    No hidden instructions in tool descriptions

    Read 18 tool descriptions and found no hidden instructions to the AI

Compared with others in Design, images & audioi

  • More stars than 0% of the other 2800 servers in this category
  • Published to the registry more recently than 93% of the other 2800 servers in this category
  • Basic checks equal to or better than 100% of the other 2800 servers in this category

Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.

Common questions

Is Design Lounge safe?

It passed 3 of 3 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.

What keys or codes does it need?

The registry does not list a required key, though some servers ask you to sign in on first use.

Does it run on my computer or in the cloud?

Either way works: install it on your computer or connect to the cloud version.

Is it still maintained?

The GitHub repo last changed –, and the latest version (0.2.7) reached the registry 2 days ago.

Which apps can use it?

Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. It connects by URL, so apps that accept remote MCP servers work too, such as ChatGPT in developer mode.

What can I use instead?

In the same category: Figma Context MCP, Claude Real Video, Figma MCP Server

Alternatives

Servers in the same category from other makers, sorted by stars.

Reading a card:↓ Downloads per weeki★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi

Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

by GLipsWidely used↓ 161.2K/wk★ 16.2KUpdated 5 months ago

Runs on your computer

Claude Real Video

Let any LLM watch a video locally — and search everything it has ever watched.

by HUANGCHIHHUNGLeoWidely used↓ 1.1K/wk★ 2.3KUpdated 2 months ago

Runs on your computer

Figma MCP Server

Figma’s official server gives AI your design data so it can turn designs into code or describe them accurately. Connects to Figma’s cloud.

by figmaWidely used★ 2.2KUpdated 13 months ago

Runs in the cloud✓ mcp.figma.com

README from the maker

Open the README

Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.

Design Lounge MCP

Design Lounge as an MCP server. Your agent can:

  • Design from the library: 600+ piece briefs, 80+ themes, 40+ type pairings, 40+ recipes with directions, Lounge Icons, and Sanzo Wada's colour combinations. It picks a direction the same way every time and keeps two sites from looking alike.
  • Remove AI giveaways: stock copy, em dashes, icon-card trios, gradients, the indigo palette, emoji icons, made-up numbers, and drift from the locked theme, pairing, and family.
  • Get found and quoted: SEO, AEO (answer engines), and GEO (ChatGPT, Claude, Perplexity, Gemini). It checks the head, the share card, robots.txt for search and AI crawlers, server-rendered text, and JSON-LD.
  • Look at the page: Chromium at 1280×800 and 390×844 with reduced motion. It runs axe, measures faces, labels, primaries, and tap targets, and saves the screenshots.

The server reads the same skills/design-lounge folder as the skill, so the rules live in one place. The skill is the method. The server does the parts that prose cannot: search, deterministic picks against the history, pictures of every piece, theme, and pairing, and checks that read and render the page.

The skill comes with it

Installing the server installs the skill. When the server starts, it puts the skill in ~/.agents/skills/design-lounge and links it into the skills folder of each client on the machine: Claude Code (~/.claude/skills), Cursor (~/.cursor/skills), and Codex (~/.codex/skills). That is the same layout the skills CLI uses. Clients that load skills then have the whole method before they design. Reload the client once after the first start.

  • It updates its own copy when the server updates.
  • It leaves alone a copy that something else installed, such as npx skills add or a hand edit, and says so. install_skill with replace: true swaps it for the server's copy.
  • install_skill with project_path also copies it into a project's .claude/skills, .cursor/skills, and .agents/skills, for clients that only read project skills.
  • In a client with no skill support, start_design returns the rules that must hold (their words win, the Rules list, and the Look fails), read from the same files, and read_guide serves the rest.
  • DESIGN_LOUNGE_SKILL_INSTALL=off turns the install off.

Add it to your agent

Claude Code

claude mcp add design-lounge --scope user -- npx -y design-lounge-mcp@latest

Cursor (~/.cursor/mcp.json), Windsurf, Claude Desktop (claude_desktop_config.json), and other clients that take this shape:

{

"mcpServers": { "design-lounge": { "command": "npx", "args": ["-y", "design-lounge-mcp@latest"] } } }

VS Code (.vscode/mcp.json):

{ "servers": { "design-lounge": { "type": "stdio", "command": "npx", "args": ["-y", "design-lounge-mcp@latest"] } } }

Codex (~/.codex/config.toml):

[mcp_servers.design-lounge]

command = "npx" args = ["-y", "design-lounge-mcp@latest"]

@latest makes each start check for a new release, so library updates reach you without reinstalling. Reload the client once after the first start, so it picks up the skill the server installs.

The rendered checks (screenshots, axe, measured labels and buttons, theme boards and type specimens) need a headless Chromium. Ask your agent to run install_browser once (about 100 MB), or run npx playwright install chromium --only-shell. Without it, every other check still runs, and the report says it did not look.

Hosted, for Claude.ai, ChatGPT, and other clients that cannot run a local program: add https://www.designlounge.live/api/mcp as a custom connector (Streamable HTTP, no sign-in). It has the library, start_design, the picks, and the static review of public URLs or pasted HTML. It leaves out what needs your machine: file paths, the history file, the skill and browser installs, and the rendered checks. It fetches only public addresses and allows 60 requests a minute per address. Pass your own recent picks as history if you keep them.

To run it from a clone of the repo instead: cd mcp && pnpm install, then use node /path/to/designs/mcp/src/server.mjs as the command.

Tools

ToolWhat it does
start_designCall first. Reads their words (flow, mode, named style, calm words), ranks recipes, reads the project folder and the recent picks, and returns the brief and the steps
get_recipeA recipe's directions, each marked when the history blocks it
pick_directionCalm-word filter, the history, the group check, then the name number. You pass the directions that fit
check_pickThe uniqueness check for hero, work, footer, shape, and frame. Returns the Unlike line
record_pickAppends a claimed or finished line to ~/.design-lounge/history.jsonl and reports an earlier claim
search_pieces / get_pieceFind a piece and read its brief. get_piece attaches the demo's thumbnail, and demo: true adds its HTML source. search_pieces with images: true attaches the first six thumbnails
browse_libraryThemes and pairings by mood, plus families, recipes, categories, collections, kinds, motion, and scales
get_theme / get_pairing / get_familyThe locked tokens and rules, as CSS. A theme comes with a board of its roles, and a pairing with a type specimen
get_icons / search_wadaLounge Icons as SVG. Wada's combinations by word or by nearest hex
read_guideAny method file, or one section of it
review_pageEverything at once: design, accessibility, SEO, AEO, GEO. Fails come first, each with its evidence and fix. The web and phone frames come back as images
match_referenceThey show a site or a screenshot and want that feel. Measures its colour roles, type, corners, shadows, density, hero shape, sections, and motion, and names the closest theme, pairing, family, and pieces. It matches the feel; it never copies the site
install_skillInstall the skill in a project, or replace a user copy installed another way
install_browserDownload the headless Chromium the rendered checks use, once
audit_slopDesign only: AI giveaways and kit drift
audit_searchSEO, AEO, and GEO only
suggest_schemaJSON-LD built only from facts on the page, with the missing fields listed

Every review tool takes path (a file, or a folder with index.html), url (live or localhost), or html. For a path, it reads DESIGN.md beside the page or above it to learn the locked theme, pairing, family, Free mode, and Named aesthetic. A Named aesthetic lifts the bans it lists.

The server also offers three prompts, design, review, and deslop, and the method files as resources at lounge://guide/ .

What it writes, and what leaves your machine

  • The skill. On start, it writes the skill to ~/.agents/skills/design-lounge and links it into ~/.claude/skills, ~/.cursor/skills, and ~/.codex/skills for the clients you have. A copy it did not make is never replaced. DESIGN_LOUNGE_SKILL_INSTALL=off turns this off. To remove it, delete those folders.
  • Recent picks. record_pick appends a line to ~/.design-lounge/history.jsonl, so two sites you make do not come out alike. Nothing else reads it.
  • Cached images. Theme boards and type specimens are cached in ~/.cache/design-lounge/boards. Screenshots go to your temp folder, or to out_dir.
  • The hosted endpoint keeps nothing. Each request gets a fresh server, and the pages it reviews are fetched and dropped.
  • The network. A review fetches the page you name, its stylesheets, robots.txt, sitemap.xml, llms.txt, and the share image, from your machine. Google Fonts loads for type specimens. Thumbnails and demos are bundled; designlounge.live is asked only for one that is missing. Nothing is sent to Design Lounge, and there is no tracking.

Settings

VariableDefault
DESIGN_LOUNGE_SKILLThe bundled skill/, then ../skills/design-lounge
DESIGN_LOUNGE_HISTORY~/.design-lounge/history.jsonl
DESIGN_LOUNGE_SKILL_INSTALLon. Set off to skip installing the skill
DESIGN_LOUNGE_ASSETSThe bundled assets/, then the repo's public/thumbs and src/demos, then the live site
DESIGN_LOUNGE_CACHE~/.cache/design-lounge/boards, for rendered theme boards and specimens

Develop

pnpm test                              # unit tests and a stdio round trip

pnpm release patch --dry-run # sync the skill, test, and pack, without publishing node test/client.mjs # list the tools node test/client.mjs review_page '{"path":"test/fixtures/slop.html"}'

pnpm release patch (or minor, major, x.y.z, with --otp for npm 2FA) syncs the skill from the library, runs the tests, bumps package.json and server.json together, publishes to npm and the MCP Registry, then commits and tags. It never pushes.

pnpm pack first copies the skill folder into skill/, and the thumbnails and demos into assets/ (scripts/bundle.mjs), so the published package carries the library and the pictures. About 12 MB packed.

Designed using Design Lounge by Susan Acharya.

Ask PopNx