Design Lounge MCP
将Lounge设计为MCP服务器。您的代理可以：
- 来自图书馆的设计： 600+件简报，80+主题，40+类型配对，40+食谱与方向，休息室图标，和田三三的颜色组合。它每次都选择相同的方向，使两个站点看起来不一样。
- 移除AI赠品：股票副本，em破折号，图标卡三人组，渐变，靛蓝调色板，表情符号图标，合成数字，以及锁定主题，配对和家庭的漂移。
- 被发现并被引用： SEO， AEO（答案引擎）和GEO （ChatGPT, Claude, Perplexity, Gemini）。它检查头部、共享卡、搜索和AI爬虫的robots.txt、服务器呈现的文本和JSON-LD。
- 看这一页：铬在1280×800和390×844与减少运动。它运行斧头，测量面，标签，主要和点击目标，并保存截图。
服务器读取相同的内容 skills/design-lounge 文件夹作为技能，所以规则活在一个地方。技巧就是方法。服务器完成了散文无法完成的部分：搜索、针对历史的确定性选择、每个片段的图片、主题和配对，以及检查读取和呈现页面。
技能是随之而来的
安装服务器即安装技能。当服务器启动时，它会输入技能 ~/.agents/skills/design-lounge 并将其链接到机器上每个客户的技能文件夹中：Claude Code (~/.claude/skills)、游标(~/.cursor/skills)和法典(~/.codex/skills）. 这是相同的布局 skills CLI使用。加载技能的客户在设计之前就有了完整的方法。第一次启动后重新加载客户端一次。
- 当服务器更新时，它更新自己的副本。
- 它只保留了其他安装的东西的副本，例如
npx skills add或者是手工编辑，并且这么说。install_skill与replace: true将其交换为服务器的副本。 install_skill与project_path还将其复制到项目的.claude/skills，.cursor/skills,.agents/skills，适用于只阅读项目技能的客户。- 在一个没有技能支持的客户中，
start_design返回必须保持的规则（它们的单词获胜，rules列表，而Look失败），从相同的文件中读取，以及read_guide为其他人服务。 DESIGN_LOUNGE_SKILL_INSTALL=off关闭安装。
将其添加到您的代理中
克劳德代码
claude mcp add design-lounge --scope user -- npx -y design-lounge-mcp@latest
光标 （~/.cursor/mcp.json)， 风帆冲浪， 克劳德桌面 （claude_desktop_config.json)，以及其他采用这种形状的客户端：
{
"mcpServers": {
"design-lounge": { "command": "npx", "args": ["-y", "design-lounge-mcp@latest"] }
}
}
VS代码 （.vscode/mcp.json):
{ "servers": { "design-lounge": { "type": "stdio", "command": "npx", "args": ["-y", "design-lounge-mcp@latest"] } } }
食典委 （~/.codex/config.toml):
[mcp_servers.design-lounge]
command = "npx"
args = ["-y", "design-lounge-mcp@latest"]
@latest 使每个开始检查一个新的版本，所以库更新到达您不需要重新安装。在第一次启动后重新加载客户机一次，以便它获取服务器安装的技能。
渲染检查（截图，斧头，测量标签和按钮，主题板和类型样本）需要无头铬。让你的代理人逃跑 install_browser 一次（约100 MB），或运行 npx playwright install chromium --only-shell． 没有它，每隔一次检查仍在运行，报告说它没有看。
主持对克劳德来说。ai、ChatGPT和其他无法运行本地程序的客户端：add https://www.designlounge.live/api/mcp 作为自定义连接器（可流式传输HTTP，无需登录）。它有图书馆， start_design，选择，以及公共url或粘贴的HTML的静态审查。它省略了需要您的机器的内容：文件路径、历史文件、技能和浏览器安装以及呈现的检查。它只获取公共地址，每个地址每分钟允许60次请求。把你最近的选择作为 history 如果你保留它们。
要从repo的克隆版本运行它： cd mcp && pnpm install，然后使用 node /path/to/designs/mcp/src/server.mjs 作为命令。
工具
| 工具 | 它是做什么的 |
|---|---|
start_design | 第一次打电话。读取他们的文字（流程、模式、命名风格、平静文字），对食谱进行排序，读取项目文件夹和最近的选择，并返回摘要和步骤 |
get_recipe | 一份食谱的说明，每一个都标明了历史阻碍它的时间 |
pick_direction | 平静字过滤，历史记录，组检查，然后名字号码。你传递合适的指示 |
check_pick | 对英雄、工作、页脚、形状和框架进行唯一性检查。返回不像行 |
record_pick | 将已声明或已完成的行追加到 ~/.design-lounge/history.jsonl 并报道了早先的声明 |
search_pieces / get_piece | 找一篇文章，读一下摘要。 get_piece 附加演示的缩略图，和 demo: true 添加它的HTML源代码。 search_pieces 与 images: true 附加前六个缩略图 |
browse_library | 主题和配对的心情，加上家庭，食谱，类别，收藏，种类，运动，和规模 |
get_theme / get_pairing / get_family | 锁定的令牌和规则，如CSS。一个主题有一个角色板，并与一个模式标本配对 |
get_icons / search_wada | 休息室图标作为SVG。和田的组合按单词或最近的十六进制 |
read_guide | 任何方法文件，或其中的一个部分 |
review_page | 一切同时进行：设计、可访问性、SEO、AEO、GEO。失败首先出现，每一个都有它的证据和解决办法。网页和手机帧返回为图像 |
match_reference | 他们展示一个网站或截图，想要那种感觉。测量其颜色角色、类型、角、阴影、密度、英雄形状、部分和运动，并命名最接近的主题、配对、家庭和部分。它符合感觉；它从不复制网站 |
install_skill | 在项目中安装技能，或替换以其他方式安装的用户副本 |
install_browser | 下载渲染检查使用的无头Chromium，一次 |
audit_slop | 仅限设计：AI赠品和套件漂移 |
audit_search | 只有SEO， AEO和GEO |
suggest_schema | JSON-LD仅根据页面上的事实构建，并列出了缺失的字段 |
每个审查工具都需要 path （文件或文件夹） index.html)， url （live或localhost），或 html． 对于一个 path，上面写着 DESIGN.md 在页面的旁边或上面学习锁定主题，配对，家庭，自由模式和命名美学。A Named aesthetic取消了它列出的禁令。
服务器还提供了三个提示， design， review, deslop，并将方法文件作为资源放在 lounge://guide/<file>。
它写什么，什么离开你的机器
- 的技能。 开始时，它将技能写入
~/.agents/skills/design-lounge并链接到~/.claude/skills，~/.cursor/skills,~/.codex/skills为了你的客户。不是它制造的复制品永远不会被替换。DESIGN_LOUNGE_SKILL_INSTALL=off关掉这个。要删除它，请删除这些文件夹。 - 最近的选择。
record_pick追加一行到~/.design-lounge/history.jsonl，所以你创建的两个站点不会出现相同的结果。没有别的东西可以读取它。 - 缓存的图片。 主题板和类型样本缓存在
~/.cache/design-lounge/boards． 截图到你的临时文件夹，或者到out_dir。 - 托管端点 一直没有。每个请求都获得一个新的服务器，它审查的页面被获取和删除。
- 网络。 审查从您的机器中获取您的页面名称、它的样式表、robots.txt、sitemap.xml、llms.txt和共享图像。谷歌字体加载类型样本。缩略图和演示是捆绑的；designlounge。活着只要求得到一件失去的东西。任何东西都不会发送到Design Lounge，也没有跟踪。
设置
| 变量 | 默认的 |
|---|---|
DESIGN_LOUNGE_SKILL | 的捆绑 skill/,然后 ../skills/design-lounge |
DESIGN_LOUNGE_HISTORY | ~/.design-lounge/history.jsonl |
DESIGN_LOUNGE_SKILL_INSTALL | 上。集 off 跳过安装技能 |
DESIGN_LOUNGE_ASSETS | 的捆绑 assets/，然后是回购 public/thumbs 和 src/demos，然后是现场直播 |
DESIGN_LOUNGE_CACHE | ~/.cache/design-lounge/boards，用于制作主题板和标本 |
开发
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 (或minor， major, x.y.z, with --otp <code> 对于npm 2FA)从库中同步技能，运行测试，碰撞包。Json和服务器。将其发布到npm和MCP Registry，然后提交和标记。它从不推动。
pnpm pack 首先将技能文件夹复制到 skill/，以及缩略图和演示 assets/ （scripts/bundle.mjs)，因此发布的包包含库和图片。大约12 MB打包。
设计使用 设计休息室 苏珊·阿查里亚著。