liquefy-ui

Name: liquefy-ui
Author: liquefy-ui

本地服务

liquefy-ui.com开发工具62 周前更新

代码仓库访问官网

关于 liquefy-ui

@liquefy-ui/mcp 是供编码 Agent 查询 liquefy-ui API 准确信息的 MCP 服务。组件目录在构建时从库源码生成，运行时无需依赖或联网。

主要功能

01列出并筛选组件
02查看导出项和类型声明
03搜索名称、描述和类型
04获取已改写导入路径的源码
05查询按主题划分的设计令牌
06从库源码生成目录

适用场景

01编码时核对组件支持的属性
02按名称或描述查找组件
03复制使用 shadcn 别名的组件源码

MCP 相关

它向 MCP 客户端提供 liquefy-ui 约定、组件列表与详情、源码、搜索和令牌查询工具。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置

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

启动命令npx -y @liquefy-ui/mcp

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包

npm@liquefy-ui/mcp0.1.4stdio

工具

收录的工具列表 · 更新于 2 周前

参数	类型	必填	说明
kind	enum	否	筛选组件（"ui"）、钩子或共享内部模块（"lib"）。ui \| hook \| lib

详细介绍

@liquefy-ui/mcp

一个 Model Context Protocol 服务，可根据 liquefy-ui 的真实 API 回答相关问题，让编码 Agent 不再凭空编造属性。

# Claude Code
claude mcp add liquefy-ui -- npx -y @liquefy-ui/mcp

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

工具	可回答的问题
`get_conventions`	容易弄错的规则：客户端边界、必需的提供程序，以及哪些属性并不存在
`list_components`	库中的所有内容，可按 `ui` / `hook` / `lib` 筛选
`get_component`	一个组件的导出内容和每个导出的类型声明，原样提供
`search_components`	在名称、描述和类型声明中进行自由文本搜索
`get_component_source`	可直接复制粘贴的源码，导入内容已重写为 shadcn 别名
`get_tokens`	各主题作用域下的 `--lq-*` 令牌及其实际值