nostalgiaui について
nostalgiauiは、AIコーディングエージェントにデザイン時代のトークン、パレット、コンポーネントソース、コントラストチェックを提供するMCPサーバーです。推測ではなく具体的なデザイン情報を使ったUI描画を支援します。
主な機能
- 01デザイン時代とパレットの一覧
- 02デザイントークンの取得
- 03インポート行とCSSを含むコンポーネントソースの取得
- 04VS Codeテーマのインポート
- 05色のコントラスト確認
活用シーン
- 01指定したデザイン時代の設定ページ作成
- 02UIコンポーネントへのパレット適用
- 03UI作成時のコントラスト確認
MCP 対応
MCPサーバーは、時代とパレットの一覧、トークンやコンポーネントの取得、VS Codeテーマのインポート、コントラスト確認のツールをMCPクライアントに提供します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
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 を使用し、手動作業はありません。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。