japan-ux

japan-ux-mcp

日本设计 — 为 AI 编码 Agent 提供 UI + UX 正确性保障。 一个前端校验器：将真实 CSS/标记交给它，它会根据日本标准评估 UI，涵盖排版（kinsoku、行高、字体）、色彩象征意义、字体性能，并提供 W3C JLReq / JIS X 4051 引用和修复建议。还包括完整的 UX 层：表单（姓名/假名）、敬语、信任标志、法律要求和季节性设计。

主力工具：review_jp_ui — 前端正确性校验器（发布到日本市场前，可用于任何 UI，包括按西方习惯构建的 UI）。

包含 11 个工具、10 个提示词和 9 个资源。可在本地运行，无需 API 密钥。检查结果会标记为 规范（JLReq/JIS）或 惯例（有文档记录的日本网站实践），绝不夸大其权威性。

安装

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"] }

工具

提示词

资源

提示词示例

Build a registration form for a Japanese B2B SaaS product. Include name,
email, phone, company, and address. Use TSX with Tailwind.

Audit this form for Japanese conventions:
<form>
  <input name="firstName" placeholder="First Name" />
  <input name="lastName" placeholder="Last Name" />
  <input name="email" />
  <input name="phone" />
  <button>Submit</button>
</form>

Transform this form for the Japanese market (fintech context):
<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>

I need Japanese UI copy for a banking app:
- Error: "Invalid email address"
- Button: "Submit application"
- Empty state: "No transactions yet"
- Confirmation: "Are you sure you want to delete?"

Check this CSS for Japanese typography issues:
body { font-family: Arial; font-size: 14px; line-height: 1.4; font-style: italic; }

Run a Japanese UX audit on this B2B SaaS landing page. Hero with English
tagline, feature grid, pricing table, no phone number in header, no
company info page, single-column layout.

捆绑数据

所有数据均随软件包提供。无需外部 API、密钥或网络调用。

涵盖的规范

表单与输入

字体排版

布局与结构

信任与法律

视觉与色彩

季节性

客户端支持

日本語

面向日本市场的 Web UX 惯例 MCP 服务。提供姓名顺序、片假名标注、三段式电话号码、邮政编码地址填写流程、敬语等级、字体排版、信任信号、特定商取引法等法律要求，以及季节性设计等工具、提示词和资源。

可与 Claude Code、Cursor、Windsurf 等支持 MCP 的客户端配合使用。本地运行，无需 API 密钥。

免责声明

此服务提供用于构建面向日本用户的产品的指南、样式规则和文化背景信息。它不会调用任何品牌的 API，也不会代表任何品牌行事。示例或建议中提及的公司和服务名称（银行、移动运营商、支付服务、配送公司等）仅作为面向日本用户的文化背景信息，不构成背书或关联。所有商标均归其各自所有者所有。

许可证

MIT

更多 MCP

由 Marsel Bait 在东京打造