Japan Ux MCP

🇯🇵 japan-ux-mcp

Japan Design — AIコーディングエージェントのためのUI + UX正確性。 フロントエンドのエンフォーサーです。実際のCSS/マークアップを渡すと、日本語標準に基づいてUIを採点します — タイポグラフィ（禁則処理、行高、フォント）、色の象徴性、フォントパフォーマンス — W3C JLReq / JIS X 4051 の引用と修正案付き。さらにUXレイヤー全体：フォーム（姓名/フリガナ）、敬語、信頼シグナル、法務、季節デザインをカバーします。

メインツール：review_jp_ui — フロントエンド正確性エンフォーサー（西洋製を含むあらゆるUIを、日本向けリリース前に実行してください）。

11のツール、10のプロンプト、9のリソース。ローカルで動作し、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"] }

🔧 ツール

💬 プロンプト

📚 リソース

💻 使用例

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サーバーです。姓名順、フリガナ、3分割電話番号、〒住所フロー、敬語レベル、タイポグラフィ、信頼シグナル、特定商取引法などの法要件、季節デザインをツール・プロンプト・リソースとして提供します。

Claude Code、Cursor、Windsurf など MCP 対応クライアントで動作します。ローカル動作、APIキー不要。

⚠️ 免責事項

このサーバーは、日本向け製品を構築するためのガイダンス、スタイルルール、文化的コンテキストを返します。いかなるブランドのAPIも呼び出さず、ブランドを代表して行動することもありません。例や推奨に登場する会社名やサービス名（銀行、携帯キャリア、決済サービス、配送会社など）は、日本にいるユーザーへの文化的コンテキストとして参照されるものであり、推奨や提携を意味するものではありません。すべての商標は各所有者に帰属します。

📄 ライセンス

MIT

🌐 その他のMCP

東京にて Marsel Bait が開発