Nostalgiaui

io.github.sylvesterworks由 GitHub 账号 sylvesterworks 发布v0.1.3更新于 Nov 2, 2026

Design tokens, component source and WCAG checks for rendering any UI in a past design era.

已验证STDIO仅桌面开发者工具媒体与设计

概览

AI 生成的概览

为编码助手提供 NostalgiaUI 的设计年代、配色、设计令牌、组件源码与 WCAG 对比度检查，用于复古风格界面。

可以做什么
  • 列出可用的设计年代与配色方案，含明暗外观与来源许可
  • 按年代与配色组合获取设计令牌，输出 CSS 自定义属性、Tailwind 预设或 W3C Design Tokens JSON
  • 获取某个年代下的组件源码：导入语句、TSX 包装、样式规则、属性表与结构化文档，也可只取某一章节
  • 把 VS Code 颜色主题 JSON 转换为配色，并给出溯源报告与 CSS 变量
  • 对某个年代与配色组合做 WCAG 2.1 对比度审计并列出不达标项
适用场景
适合让助手按指定复古设计年代搭建或改造界面时，用真实令牌和组件源码代替猜测。也适合检查某年代与配色组合的对比度，或把现有 VS Code 主题转成配色。
运行要求
以 stdio 在本地运行，通常通过 npx 启动 npm 包 @nostalgiaui/mcp，需要 Node.js 和下载该包的网络访问。未声明任何账号、API 密钥或环境变量。
安装前请注意
返回的代码与 CSS 可能被助手写入你的项目，提交前应审阅生成的组件源码。导入的 VS Code 主题在本地处理，配色列表会标注来源许可，再分发衍生配色前请先确认。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Nostalgiaui，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Desktop only，通过 STDIO。 STDIO 服务会启动本地进程，因此需要 SourceWeft 桌面宿主。

其他 MCP 客户端

参照 仓库 中的启动说明。

README

@nostalgiaui/mcp

An MCP server that gives AI coding agents NostalgiaUI's eras, palettes, component source and contrast checks, so an agent asked for a settings page in Frutiger Aero with the Nord palette can get the real tokens rather than guess.

Tools: list_eras, list_palettes, get_tokens, get_component, import_vscode_theme, check_contrast.

Claude Code

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

Claude Desktop

In claude_desktop_config.json:

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

get_component returns more than source: the import line, the era-specific CSS, a props table for each part extracted from the TypeScript types, and the component's structured doc. The doc covers anatomy, patterns, do and don't pairs, accessibility, extensibility, notes for the requested era, and notes naming what is easy to get wrong. Pass section, for example accessibility, to receive only that part. The rules every component shares, such as rendering inside NostalgiaRoot, are sent once as the server's instructions rather than repeated in each answer.

Full documentation at nostalgiaui.sylvester.works. MIT, copyright Josh Sylvester and Sylvester Works LLC.

MCP Registry

Listed as io.github.sylvesterworks/nostalgiaui. The listing is server.json in this package and is published by the release workflow after each npm publish, authenticated through GitHub OIDC; nothing is done by hand.

来源：packages/mcp/README.md，提交 68614d8

工具

6

list_eras

List the design eras NostalgiaUI can render. An era controls shape and feel: radius, borders, bevels, shadows, typography, density and motion. It never controls colour.

无需输入参数。

list_palettes

List the colour palettes, each drawn from a VS Code theme, with its light or dark appearance and source licence. A palette controls colour only and works in every era.

无需输入参数。

get_tokens

Design tokens for one era and palette pairing. css returns the CSS custom properties scoped to data-era and data-palette attributes. tailwind returns a preset mapping utilities onto those variables. dtcg returns W3C Design Tokens JSON.

输入参数era必填format必填palette必填

get_component

Source for one component styled for one era: the import lines, the TSX wrapper, the stylesheet rules that apply everywhere, the rules scoped to that era, and notes on what is easy to get wrong. The CSS is a filtered view of the stylesheet, not a verbatim copy: rules for other eras and section-divider comments are removed, while comments inside rules are kept. Components must render inside NostalgiaRoot.

输入参数era必填name必填

import_vscode_theme

Turn a VS Code colour theme JSON into a NostalgiaUI palette. Returns the palette primitives, a provenance report saying which values came straight from the theme and which had to be inferred, and the resulting CSS variables.

输入参数theme必填

check_contrast

Audit WCAG 2.1 contrast for one era and palette pairing. Returns every checked pairing with its ratio and the threshold it must meet, and lists any failures. Colours are derived per pairing, so contrast cannot be known from either axis alone.

输入参数era必填palette必填

版本历史

2
  1. v0.1.3最新Oct 26, 2026
  2. v0.1.2Oct 26, 2026

评分

已满足适用检查项的 90%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通25 分
  • 已声明认证方式10 分

    请在注册中心条目中声明凭据请求头，或保持端点能够响应探测，以便判定其认证方式。

  • 已列出工具必需15 分
  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分