PixilUI components

com.pixilui由 pixilui.com 发布官方发布者v0.1.0更新于 Nov 4, 2026

Search and install PixilUI React components for AI product UI into your app.

已验证Streamable HTTP可网页运行开发者工具媒体与设计

概览

AI 生成的概览

搜索、查阅并安装用于 AI 产品界面的 PixilUI React 组件,返回属性说明、源码和 shadcn CLI 安装命令。

可以做什么
  • 用自然语言描述界面需求,或按分类、层级搜索和浏览组件
  • 查看单个组件的适用与不适用场景、属性表、键盘与无障碍细节、依赖和安装命令
  • 获取一条可一次安装多个组件的 shadcn CLI 命令,以及 components.json 的 registries 片段
  • 获取带安装路径的原始源码文件,免费组件还可取回自包含的单文件版本
  • 获取面向编码代理的 PixilUI skill 文件(设计、动效、文案、无障碍、组合、响应式、检查清单)
适用场景
适合在用 React 构建 AI 产品界面时使用,让助手挑选并安装现成的审批卡片、运行时间线、流式文本、工具调用行等组件,而不必从零编写。
运行要求
远程 streamable HTTP 端点,无需本地包或运行时。需要可运行 shadcn CLI 的 React 项目,并使用 PixilUI 基础设计令牌。Pro 组件需通过 /mcp/pro 网址在浏览器登录,或以 Authorization Bearer 头发送 Pro 访问令牌;安装命令还需 PIXILUI_TOKEN 环境变量。
安装前请注意
未登录或未提供令牌时不会返回 Pro 组件源码,服务器也要求不要依据描述重建 Pro 组件。服务器会记录每次交付组件的信息(slug、层级、来源、时间,登录或带令牌时还包括令牌 id 和用户 id),浏览器登录会记录一次连接事件,带令牌的请求还会保存 30 天后删除的 IP 地址单向哈希;无法关闭,匿名连接则保持匿名记录。安装组件会向项目写入文件。

安装

在 SourceWeft 中

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

Web executable,通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体,或 SourceWeft 对话中。智能体会读取该服务器的安装指南,先向你展示发布者、端点和登录方式,经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/com.pixilui%2Fpixilui/install.md,并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前,先告诉我它的发布者、端点和登录方式,等我确认。不要把 API 密钥写进命令或我会提交的文件;问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。

{
  "mcpServers": {
    "pixilui-components": {
      "type": "http",
      "url": "https://mcp.pixilui.com/mcp"
    }
  }
}

工具

6

search_items

Search components

Find PixilUI items for a UI job. Describe what the interface has to do in plain words ("ask before the agent sends", "show tool calls with their output", "modal to confirm a delete"). Searches titles, descriptions, when-to-use notes and tags and returns the best matches first. Call this before writing any UI by hand.

输入参数tiertypelimitquery必填category

list_items

List components

Browse every PixilUI item, optionally filtered by category or tier. Returns slug, title, kind, category, tier and a one-line description.

输入参数tiercategory

get_item

Read a component

Everything needed to use one item: when to use it and when not, the props table, keyboard, accessibility, motion, files, npm dependencies and the install command. Free items include their source. Pro items include source only when a valid Pro token is sent.

输入参数slug必填includeSource

get_install_command

Install command

One shadcn CLI command that installs every listed item into the project, plus the components.json registries snippet to add once. Pro items also need the PIXILUI_TOKEN environment variable.

输入参数slugs必填

get_source

Raw source

The raw files of one item with their install paths, for projects that cannot run the shadcn CLI. Prefer get_install_command. Pro items need a valid Pro token. shape "standalone" returns one self-contained .tsx instead (free components): it needs only react and motion, no Tailwind and no other items.

输入参数slug必填shape

get_skill

Agent skill

The PixilUI skill for coding agents: SKILL.md and its rule files (design, motion, copy, accessibility, composition, responsive, checklist, components by job, a worked example). Call without a file for SKILL.md and the file list, or with a file name for one file.

输入参数file

版本历史

1
  1. v0.1.0最新Nov 4, 2026

评分

已满足适用检查项的 72%

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

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 图标10 分

    请在注册中心条目中发布图标。

  • 文档15 分

    请声明包含 README 的 GitHub 仓库,或在 OAuth 受保护资源元数据中提供 resource_documentation。

  • 许可证不适用

    托管服务按其提供方的条款使用,因此这里不要求许可证。此检查项不计入百分比。