Uxui Principles

Name: Uxui Principles
Author: uxuiprinciples

作者：uxuiprinciples版本 1.2.1i★ –i在你的电脑上运行

注册名称io.github.joselhurtado/uxui-principles

安装

概览

作者提供的说明（英文原文）

195 UX/UI principles with citations, 12 UX smells and 12 flow checklists for AI agents, EN and ES.

PopNx MCP 的三大支柱

这三项永远不会合并成一个分数：意见、测量和人气是不同的东西。

用户评价i暂无评价评价功能将在后续阶段与账户功能一起开放
我们的基础检查i1 项中通过 0 项依据公开信息检查；尚未扫描代码
使用情况i非常新↓ 53/周 · ★ –

它能帮你做什么

我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。

连接方式: 在你的电脑上运行
传输方式: stdio
分类: 其他
你需要填写：UXUI_API_KEY

安装

选择你使用的 AI 应用，然后复制设置。

安装之前

基础检查：1 项中通过 0 项
在你的电脑上运行，拥有你的用户账户的权限（文件、网络、应用）。
需要你自己填写： UXUI_API_KEY

标为机密的值是你账户的钥匙。千万不要分享给别人，也不要粘贴到聊天里。

你需要

npm已安装 Node.js（用于 npx 命令）

你用的是哪个应用？

ClaudeClaude CodeCursorVS CodeChatGPT

在上方选择你的应用。我们会记住它，下次按钮会显示“安装到 …”。

打开 Claude Desktop → Settings → Developer → Edit Config，把下面的内容粘贴到 claude_desktop_config.json

{
  "mcpServers": {
    "uxui-principles": {
      "command": "npx",
      "args": [
        "-y",
        "@uxuiprinciples/mcp-server"
      ],
      "env": {
        "UXUI_API_KEY": "your-value"
      }
    }
  }
}

在终端中运行这条命令

claude mcp add uxui-principles --env UXUI_API_KEY=your-value -- npx -y @uxuiprinciples/mcp-server

运行前请先填写空着的值。

在 Cursor 中打开

或者自己复制设置

粘贴到项目中的 .cursor/mcp.json，或 ~/.cursor/mcp.json

{
  "mcpServers": {
    "uxui-principles": {
      "command": "npx",
      "args": [
        "-y",
        "@uxuiprinciples/mcp-server"
      ],
      "env": {
        "UXUI_API_KEY": "your-value"
      }
    }
  }
}

浏览器会先询问是否打开应用，然后应用会显示设置并请你确认。密钥的值会留空，由你自己填写。

在 VS Code 中打开

或者自己复制设置

粘贴到项目中的 .vscode/mcp.json

{
  "servers": {
    "uxui-principles": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@uxuiprinciples/mcp-server"
      ],
      "env": {
        "UXUI_API_KEY": "your-value"
      }
    }
  }
}

浏览器会先询问是否打开应用，然后应用会显示设置并请你确认。密钥的值会留空，由你自己填写。

这个服务器在你的电脑上运行，而 ChatGPT 只能连接互联网上的服务器。请选择其他应用。

你的选择通过 Cookie 保存在这台设备上，无需账户。

需要你填写的值

UXUI_API_KEY 机密 env
Optional. Principles Library API key from uxuiprinciples.com/account. Unlocks full guide bodies, AI prompts and audit_interface. Without it the server runs offline on the bundled dataset.

这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同，请以 README 为准。

它能做什么

它在你的电脑上运行；安装后，工具列表会显示在你的 AI 应用中。

基础检查i

我们检查的是任何人都能看到的信息；我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月8日

! 注意
作者与仓库一致
发布者（joselhurtado）不是仓库所有者（uxuiprinciples）；可能是其他人代为上架的
… 尚未检查
仍在维护
我们还没有从 GitHub 读取这个仓库
… 尚未检查
有许可证
我们还没有从 GitHub 读取这个仓库
– 不适用
端点有响应
它在你的电脑上运行，没有互联网端点
– 不适用
使用 OAuth 登录
在你的电脑上运行，改用本地设置
… 尚未检查
工具描述中没有隐藏指令
它在你的电脑上运行；我们只能读取互联网端点的工具列表

与“其他”中的其他服务器比较i

星标数多于此分类中其他 18474 个服务器的 0%
发布到注册中心的时间比此分类中其他 18474 个服务器的 97% 更新
基础检查结果等于或优于此分类中其他 18474 个服务器的 20%

与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时，星标数才计入。

常见问题

Uxui Principles 安全吗？

它在 1 项适用的基础检查中通过了 0 项。我们没有阅读代码。在添加密钥或令牌之前，请先看看这个服务器要求哪些权限，并使用只具备所需权限的密钥。

它需要哪些密钥或代码？

你需要填写：UXUI_API_KEY

它在我的电脑上运行还是在云端？

它在你的电脑上运行。你的 AI 应用会在需要时启动它，数据不会经过作者的服务器（除非它自己调用在线服务）。

它还在维护吗？

GitHub 仓库最后更新于–，最新版本（1.2.1）于昨天进入注册中心。

哪些应用可以使用它？

支持 MCP 的应用，例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js。

有什么可以替代它？

同一分类中有：Spec Driven Development, Remote Desktop Commander, Readfirst

替代选择

同一分类中其他作者的服务器，按星标数排序。

如何看卡片：↓ 每周下载量i★ GitHub 星标i三大支柱：评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

Spec Driven Development

MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.

作者：formulahendry起步阶段↓ 66/周★ 44014个月前更新

在你的电脑上运行

安装

Remote Desktop Commander

Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.

作者：desktop-commander正在增长★ 2113天前更新

在云端运行✓ desktopcommander.app

安装

Readfirst

What to read and check before changing a file: project rules, risks, checks and tests per file.

作者：jeonghun917正在增长↓ 5325/周今天更新

在你的电脑上运行

安装

作者的 README

打开 README

按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。

@uxuiprinciples/mcp-server

MCP server for UX/UI Principles: 195 research-backed principles with their citations, 12 UX smells with fix recipes and 12 user-flow checklists, in English and Spanish, inside Claude Code, Claude Desktop, Cursor, VS Code, Windsurf or any MCP client.

Free and offline by default: the dataset ships inside the package and the server makes no network call. A Principles Library API key turns on pro mode, which adds the full guide bodies, the AI prompts and an interface audit through the uxuiprinciples.com API.

What is MCP?

Model Context Protocol (MCP) is an open protocol that lets an AI assistant call external tools. This server speaks MCP over stdio and registers 13 tools.

Installation

Requires Node.js 18 or newer. npx -y fetches the latest version on first run.

Claude Code

claude mcp add uxui-principles -- npx -y @uxuiprinciples/mcp-server

Add --scope user to make it available in every project. Confirm with claude mcp list.

Claude Desktop

Add to ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows), then restart Claude Desktop:

"mcpServers": { "uxui-principles": { "command": "npx", "args": ["-y", "@uxuiprinciples/mcp-server"] } } }

Cursor

Add to .cursor/mcp.json in the project (or ~/.cursor/mcp.json for every project), then enable the server in Cursor Settings, MCP:

"mcpServers": { "uxui-principles": { "command": "npx", "args": ["-y", "@uxuiprinciples/mcp-server"] } } }

VS Code

Add to .vscode/mcp.json in the workspace, then start the server from the MCP panel or let Copilot agent mode start it:

"servers": { "uxui-principles": { "type": "stdio", "command": "npx", "args": ["-y", "@uxuiprinciples/mcp-server"] } } }

Windsurf

Add to ~/.codeium/windsurf/mcp_config.json, then refresh the MCP list in Cascade:

"mcpServers": { "uxui-principles": { "command": "npx", "args": ["-y", "@uxuiprinciples/mcp-server"] } } }

Global install

npm install -g @uxuiprinciples/mcp-server

uxui-mcp

Point the client at the uxui-mcp binary instead of npx. Re-run the install to pick up new versions.

Pro mode (Principles Library key)

The Principles Library ($59/year) includes a REST API key. Give it to the server as the UXUI_API_KEY environment variable and four tools change:

Tool	Free mode	Pro mode
`get_principle`	Metadata, summary, citations, link	The same plus the full guide body in `content`
`get_principle_prompts`	Link to the guide	The principle's AI prompts
`audit_interface`	Refuses with the key hint	Findings mapped to principles and smells, score, priority fixes
`check_requirements`	Refuses with the key hint	Pass or fail per required-state rule, each with its principle and citations

Everything else keeps running offline. If the API is unreachable, get_principle and get_principle_prompts fall back to the free answer and report the failure in proError; audit_interface and check_requirements return the error code.

"mcpServers": { "uxui-principles": { "command": "npx", "args": ["-y", "@uxuiprinciples/mcp-server"], "env": { "UXUI_API_KEY": "uxui_live_..." } } } }

For Claude Code: claude mcp add uxui-principles -e UXUI_API_KEY=uxui_live_... -- npx -y @uxuiprinciples/mcp-server. The key is read from the environment only and is never logged. Get or rotate yours at uxuiprinciples.com/account. The server's startup line on stderr says pro mode or free mode, and the instructions it hands the client say the same.

Available tools

Principles

Tool	Description
`get_principle`	One principle by slug: summary, citations (author, title, year, url) and the link to the full guide. Pro: the full guide body
`search_principles`	Search by query, part, difficulty, or tags
`list_principles`	List all principles or filter by part
`get_principle_prompts`	The AI prompts for a principle. Pro: the prompt texts; free: the link to the guide

Smells (anti-patterns)

Tool	Description
`get_smell`	Get a smell with symptoms and fix recipe
`list_smells`	List all smells, optionally by category
`detect_smell`	Detect smells from a UI description, written in English or Spanish
`suggest_fix`	Get fix suggestions for a UX issue

Flows (user journeys)

Tool	Description
`get_flow`	Get a flow with pre/post-flight checklists
`list_flows`	List all available flows
`generate_checklist`	Generate checklist for a flow phase
`get_flow_principles`	Get key principles for a flow

Pro

Tool Description

audit_interface Audit a described screen (20 to 5,000 characters): findings with severity, remediation and business impact, score, interface type, strengths and the three priority fixes. Needs UXUI_API_KEY

check_requirements Check a screen given as data (flow, components, actions with consequential and automated flags, states implemented) against eight required-state rules: confirmation before consequential actions, error, empty and loading states, undo or edit, sources on AI output, recovery after an AI error, consent before automation. Pass, fail or not_applicable per rule with the principle and its citations, plus a markdown summary. Needs UXUI_API_KEY

Usage examples

You: What principle should I follow for form design?

Claude: Let me search for form-related principles... [Calls search_principles with query="form"]

Based on the UX/UI Principles database, here are the key principles for form design:

Progressive Disclosure (D.1.1.01) - Show only essential fields initially
Inline Validation - Validate as users type
Smart Defaults - Pre-fill common choices

...

You: My login form has a 60% abandonment rate. Help me fix it.

Claude: Let me detect potential UX issues... [Calls detect_smell with description="login form high abandonment"]

I detected "Form Graveyard" smell with high confidence. Let me get the fix recipe... [Calls get_smell with id="form-graveyard"]

Here's my analysis and recommendations:

Reduce fields to email + password only
Add social login options
Use inline validation

...

Let me also get the flow checklist for the form... [Calls generate_checklist with flow_id="forms" phase="postflight"]

With a key:

You: Audit this checkout: three steps, no order summary until the last one, the Pay button is disabled with no explanation until every field validates.

Claude: [Calls audit_interface with the description] Score 58, fair. Two warnings: Visibility of System Status (order summary hidden) and Silent Errors (disabled button without feedback). Priority fix: ...

After building a screen:

You: Build the settings page: profile form, an AI summary of recent activity, and a danger zone with "Delete account". Then check it.

Claude: [Builds the page, then calls check_requirements with flow "settings", the components, the actions (Delete account flagged consequential) and the states it implemented] 3 of 6 applicable rules fail: undo-or-edit (User Control and Freedom, Nielsen 1994), show-sources (AI Source Citations, Liu et al. 2023), ai-error-recovery (Efficient AI Correction, Amershi et al. 2019). Adding an undo toast, a sources line under the summary and a regenerate control...

Bilingual support

All tools accept locale: "en" | "es". detect_smell and suggest_fix understand descriptions written in either language whatever the locale:

search_principles({ query: "navegación", locale: "es" })

detect_smell({ description: "el formulario es demasiado largo", locale: "es" })

Data included

195 principles across 6 parts, with 500+ bibliographic references returned by get_principle (the guides cite 2,400+ academic citations in full)
12 UX smells with fix recipes
12 user flows with checklists
Bilingual (English + Spanish)

Local development

git clone https://github.com/joselhurtado/uxuiprinciples-web.git

cd uxuiprinciples-web npm install npm run build --workspace=@uxuiprinciples/principles-data npm run build --workspace=@uxuiprinciples/mcp-server node packages/mcp-server/dist/index.js

npm run smoke-test --workspace=@uxuiprinciples/mcp-server packs the build, installs it in a temp project and drives both modes over stdio (pro mode against a local fake of the API). server.json next to this README is the MCP Registry manifest; publish with mcp-publisher publish after the npm release.

Uxui Principles

概览

PopNx MCP 的三大支柱

它能帮你做什么

安装

安装之前

需要你填写的值

它能做什么

基础检查i

作者与仓库一致

仍在维护

有许可证

端点有响应

使用 OAuth 登录

工具描述中没有隐藏指令

与“其他”中的其他服务器比较i

常见问题

替代选择

Spec Driven Development

Remote Desktop Commander

Readfirst

作者的 README

@uxuiprinciples/mcp-server

What is MCP?

Installation

Claude Code

Claude Desktop

Cursor

VS Code

Windsurf

Global install

Pro mode (Principles Library key)

Available tools

Principles

Smells (anti-patterns)

Flows (user journeys)

Pro

Usage examples

Bilingual support

Data included

Local development

License

Links