mcpField
N
nostalgiaui

nostalgiaui

ローカル
nostalgiaui.sylvester.works開発ツール01 日前に更新

nostalgiaui について

nostalgiauiは、AIコーディングエージェントにデザイン時代のトークン、パレット、コンポーネントソース、コントラストチェックを提供するMCPサーバーです。推測ではなく具体的なデザイン情報を使ったUI描画を支援します。

主な機能

  1. 01デザイン時代とパレットの一覧
  2. 02デザイントークンの取得
  3. 03インポート行とCSSを含むコンポーネントソースの取得
  4. 04VS Codeテーマのインポート
  5. 05色のコントラスト確認

活用シーン

  1. 01指定したデザイン時代の設定ページ作成
  2. 02UIコンポーネントへのパレット適用
  3. 03UI作成時のコントラスト確認

MCP 対応

MCPサーバーは、時代とパレットの一覧、トークンやコンポーネントの取得、VS Codeテーマのインポート、コントラスト確認のツールをMCPクライアントに提供します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"sylvesterworks-nostalgiaui": {
"command": "npx",
"args": [
"-y",
"@nostalgiaui/mcp"
]
}
}
}
起動コマンドnpx -y @nostalgiaui/mcp

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@nostalgiaui/mcp0.1.3

ツール

6

掲載時のツール一覧 · 3 日前に更新

このツールにパラメーターはありません。

詳細

@nostalgiaui/mcp

AI コーディングエージェントに NostalgiaUI の時代、パレット、コンポーネントのソース、コントラストチェックを提供する MCP サーバーです。たとえば、Nord パレットを使った Frutiger Aero の設定ページを依頼されたエージェントが、推測ではなく実際のトークンを取得できます。

ツール:list_eras、list_palettes、get_tokens、get_component、 import_vscode_theme、check_contrast。

Claude Code

claude mcp add --transport stdio nostalgiaui -- npx -y @nostalgiaui/mcp

Claude Desktop

claude_desktop_config.json 内:

{
  "mcpServers": {
    "nostalgiaui": {
      "command": "npx",
      "args": ["-y", "@nostalgiaui/mcp"]
    }
  }
}

get_component が返すのはソースだけではありません。インポート行、時代固有の CSS、NostalgiaRoot の外側でレンダリングするなど、間違えやすい点を示す注意事項も含まれます。これらの注意事項は、ライブラリの構築中に実際に発生したバグに基づいています。

詳しいドキュメントは nostalgiaui.sylvester.works をご覧ください。 MIT、著作権者 Josh Sylvester および Sylvester Works LLC。

MCP Registry

io.github.sylvesterworks/nostalgiaui として登録されています。登録情報はこのパッケージ内の server.json にあり、各 npm 公開後にリリースワークフローによって公開されます。認証には GitHub OIDC を使用し、手動作業はありません。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。