Inspo JP
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Inspo JPrecommend a Japanese homepage design for a Tokyo bakery"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Inspo JP
日本向けデザイン MCP サーバーです。日本語ブリーフ、和文書体、特定商取引法、フリガナ付きフォームを扱います。
Nutlope/inspo のスクリーンショットカタログをフォークしたものではありません。参照サイトのロゴ・写真・キャッチコピーは返しません。配色比・余白・IA・コンポーネント構造と、オリジナル JSX のみを返します。
必要環境
Node.js 20 以降(
--experimental-strip-typesが使える 22+ を推奨)
Related MCP server: Muibook Guidelines MCP Server
セットアップ
git clone https://github.com/manab-b/inspo-jp.git
cd inspo-jp
npm install
npm testサーバー起動(stdio MCP):
npm start
# または
node --experimental-strip-types src/server.ts最初に呼ぶツールは recommend_jp です。
Claude Code
~/.claude.json またはプロジェクトの MCP 設定:
{
"mcpServers": {
"inspo-jp": {
"command": "node",
"args": ["--experimental-strip-types", "/ABS/PATH/inspo-jp/src/server.ts"]
}
}
}Cursor
.cursor/mcp.json:
{
"mcpServers": {
"inspo-jp": {
"command": "node",
"args": ["--experimental-strip-types", "/ABS/PATH/inspo-jp/src/server.ts"]
}
}
}ツール
ツール | 用途 |
| ブリーフから推奨一式(最初に呼ぶ) |
| カタログ語彙検索 |
| 日本語コピー例 |
| 法令ブロック(EC は特商法) |
| 姓/名/フリガナ付きフォーム仕様 |
| 英語ナビ・Inter・小さい文字などを点検 |
| デザインシステム(任意 slug) |
| JP UI ルール |
| オリジナル JSX |
| カタログ一覧 |
著作権
MIT License。カタログの URL は公開サイトへの参照です。サイトのロゴ、写真、文章、商標を複製・再配布する権利は含まれません。生成物では必ずオリジナルの文言と素材を使ってください。
This server cannot be deployed
Maintenance
Related MCP Connectors
Design-review copilot: industry design checkpoints, edge cases, and Japanese legal notes.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Guide user-led frontend design decisions from project brief through implementation review.
Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow.
Related MCP Servers
- FlicenseAqualityDmaintenanceProvides comprehensive design principles and best practices to help LLMs generate modern, accessible web pages through guidance on layouts, colors, and typography. It enables users to review design approaches and access expert recommendations for responsive design, component structure, and current industry trends.1217 npm3-
- FlicenseBqualityDmaintenanceProvides design system guidelines and component documentation to Cursor Desktop, enabling accurate advice on UI components, patterns, and best practices.11-
- AlicenseAqualityAmaintenanceProvides expert design and marketing guidance for AI coding agents through curated knowledge documents and tools. Covers UI/UX, copywriting, SEO, GEO, and conversion optimization.36181 npm5MIT

uxloomofficial
AlicenseAqualityBmaintenanceEnables agents to validate UI designs for missing states, accessibility issues, and journey completeness using state machine modeling.171MIT