Pudge Ui

io.github.pudge-studio由 GitHub 账号 pudge-studio 发布v0.2.0更新于 Oct 24, 2026

Query pudge-ui — 93 skeuomorphic 2000s-era UI component specs — for coding-agent context.

已验证STDIO仅桌面知识与记忆开发者工具

概览

AI 生成的概览

让编程助手查询 pudge-ui 设计系统中 93 个 2000 年代拟物风格 UI 组件的规格。

可以做什么
以只读工具的形式向编程代理提供 pudge-ui 组件目录。工具包括 list_components(可按类别筛选)、search_components(按名称、描述或标签模糊搜索)、get_component 与 get_components(获取完整规格)、get_foundation(获取核心或扩展基础文档),以及 get_composition(获取组合规格及其引用的全部组件规格)。规格随包内置,查询在本地完成。
适用场景
当助手使用 pudge-ui 设计系统构建或修改界面,需要准确的组件名称、属性和组合信息而不是靠猜测时适用。也适合在挑选组件前按类别浏览目录或进行模糊搜索。
运行要求
以 npm 包 @pudge-ui/mcp-server 通过 stdio 在本地运行,通常用 npx 启动。未声明认证、环境变量或请求头;规格随包提供,无需网络访问。仅支持桌面端,不提供网页可执行版本。
安装前请注意
README 说明所有工具均为只读,服务器不会写入文件系统或发起网络请求。项目处于 1.0 之前版本,组件目录会随版本增加,如需可复现的输出请固定版本。

安装

在 SourceWeft 中

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

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

其他 MCP 客户端

参照 仓库 中的启动说明。

README

@pudge-ui/mcp-server

MCP server for the pudge-ui design system. Lets coding agents query component specs programmatically.

Installation

Add to your MCP client config (e.g. Claude Desktop, Claude Code):

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

For local development:

json
{  "mcpServers": {    "pudge-ui": {      "command": "npx",      "args": ["tsx", "src/index.ts"],      "cwd": "/path/to/pudge-ui/packages/mcp-server"    }  }}

Available Tools

ToolDescription
list_componentsList all components, optionally filtered by category
search_componentsFuzzy search components by name, description, or tags
get_foundationGet foundation spec docs (core 5 or extended 9)
get_componentGet full spec for a single component (foundation + spec)
get_componentsGet specs for multiple components (foundation included once)
get_compositionGet a composition spec with all referenced component specs

Examples

list_components({ category: "buttons" })search_components({ query: "volume slider audio" })get_component({ name: "push-button" })get_components({ names: ["rotary-encoder", "vu-meter", "vertical-fader"] })get_composition({ name: "audio-mixer-strip" })get_foundation({ extended: true })

All tools are read-only (annotated with readOnlyHint) — the server never writes to your filesystem or makes network calls. Specs are bundled in the package.

Development

bash
npm installnpm run dev        # run with tsxnpm run build      # compile + copy specnpm run typecheck  # type-check onlynpm test           # run the test suite

Versioning & stability

This server tracks pudge-ui's versioning and is pre-1.0. The component catalog grows between releases, but tool names and input shapes are stable — any change to a tool signature will come with a minor/major version bump and a CHANGELOG entry. Pin a version if you need byte-for-byte reproducibility.

来源:packages/mcp-server/README.md,提交 301bb96

工具

0
SourceWeft 尚未在沙箱中启动过该软件包,因此其工具未知。

版本历史

1
  1. v0.2.0最新Sep 16, 2026

评分

已满足适用检查项的 50%

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

  • 近 30 天内可连通25 分

    请保持端点能够响应 MCP 握手;SourceWeft 每 30 天探测一次。

  • 已声明认证方式10 分

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

  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list,或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分