Japan Ux MCP

🗾 japan-ux-mcp

日本设计 —— 面向 AI 编程代理的 UI + UX 正确性校验。 一个前端**「执法者」**：将它指向真实的 CSS／标记，它会依据日本标准为你的 UI 打分 —— 排版（禁则处理 kinsoku、行高、字体）、色彩象征、字体性能 —— 并附上 W3C JLReq / JIS X 4051 引用与修复建议。此外还涵盖完整的 UX 层面：表单（姓名／假名 furigana）、敬语（keigo）、信任信号、法律合规与季节性设计。

主打工具：review_jp_ui —— 前端正确性执法者（在任何 UI 上线日本之前运行它，包括西式风格的 UI）。

🧩 十一个工具、十个提示词、九个资源。本地运行，无需 API 密钥。 结果会标注为 spec（JLReq/JIS 规范）还是 convention（有据可查的日本 Web 惯例），从而绝不夸大权威性。

📦 安装

claude mcp add japan-ux -- npx -y japan-ux-mcp

⚙️ JSON 配置

各客户端的服务器配置相同，仅文件路径不同。

{
  "mcpServers": {
    "japan-ux": { "command": "npx", "args": ["-y", "japan-ux-mcp"] }
  }
}

{
  "mcpServers": {
    "japan-ux": { "command": "npx", "args": ["-y", "japan-ux-mcp"] }
  }
}

{
  "mcpServers": {
    "japan-ux": { "command": "npx", "args": ["-y", "japan-ux-mcp"] }
  }
}

{
  "servers": {
    "japan-ux": { "type": "stdio", "command": "npx", "args": ["-y", "japan-ux-mcp"] }
  }
}

{
  "mcpServers": {
    "japan-ux": { "command": "npx", "args": ["-y", "japan-ux-mcp"] }
  }
}

{
  "mcpServers": {
    "japan-ux": { "command": "npx", "args": ["-y", "japan-ux-mcp"] }
  }
}

{
  "context_servers": {
    "japan-ux": { "command": { "path": "npx", "args": ["-y", "japan-ux-mcp"] } }
  }
}

🛠️ 从源码构建

git clone https://github.com/mrslbt/japan-ux-mcp.git
cd japan-ux-mcp
npm install && npm run build

将客户端配置指向构建后的入口：

{ "command": "node", "args": ["/absolute/path/to/japan-ux-mcp/dist/index.js"] }

🔧 工具

💬 提示词

📚 资源

💡 示例提示词

为日本 B2B SaaS 产品构建一个注册表单。包含姓名、
邮箱、电话、公司、地址。使用 TSX 与 Tailwind。

为这个表单审查日本惯例：
<form>
  <input name="firstName" placeholder="First Name" />
  <input name="lastName" placeholder="Last Name" />
  <input name="email" />
  <input name="phone" />
  <button>Submit</button>
</form>

为日本市场转换这个表单（金融科技场景）：
<form>
  <label>First Name <input name="firstName" /></label>
  <label>Last Name <input name="lastName" /></label>
  <label>Phone <input name="phone" /></label>
  <label>Address <input name="address" /></label>
  <button type="submit">Submit</button>
</form>

我需要一个银行应用的日文 UI 文案：
- 错误："Invalid email address"
- 按钮："Submit application"
- 空状态："No transactions yet"
- 确认："Are you sure you want to delete?"

检查这段 CSS 是否存在日文排版问题：
body { font-family: Arial; font-size: 14px; line-height: 1.4; font-style: italic; }

对这个 B2B SaaS 落地页进行日本 UX 审计。Hero 使用英文
标语、功能网格、定价表、页头无电话号码、无
公司信息页、单栏布局。

🗃️ 内置数据

所有数据随包附带。无外部 API、无密钥、无网络请求。

📐 涵盖的规范

📝 表单与输入

✍️ 排版

🏗️ 布局与结构

🤝 信任与法律

🎨 视觉与配色

🍁 季节

🖥️ 客户端支持

🇯🇵 日语简介

一个面向日本 Web UX 惯例的 MCP 服务器。以工具、提示词、资源的形式，提供姓名顺序、假名、3 段式电话号码、〒 地址流程、敬语级别、排版、信任信号、特定商取引法等法律要求，以及季节性设计。

可在 Claude Code、Cursor、Windsurf 等支持 MCP 的客户端中运行。本地运行，无需 API 密钥。

⚠️ 免责声明

本服务器返回的是构建面向日本产品时的指南、风格规则与文化背景。它不会调用任何品牌的 API，也不代表任何品牌行事。示例或建议中出现的公司及服务名称（银行、移动运营商、支付服务、快递公司等）是作为面向日本用户的文化背景引用，而非认可或隶属关系。所有商标均归其各自所有者所有。

📄 许可证

MIT

🔗 更多 MCP

由 Marsel Bait 在东京打造 🌸