Layro

已认证精选远程服务

layropro.com开发工具02 周前更新

文档代码仓库访问官网

关于 Layro

Layro 是 React 和 Tailwind CSS 组件库，通过远程 MCP 服务向编码 Agent 提供组件搜索、属性与用法信息以及安装能力。搜索和详情无需账号，安装组件需要令牌。

主要功能

01搜索 React 组件库
02查看组件属性和用法
03安装经过测试的组件
04安装时固定依赖包版本

适用场景

01为前端界面查找现成组件
02确认组件的属性和使用方式
03将组件安装到项目中

MCP 相关

Layro 的远程 MCP 服务向 MCP 客户端提供组件库搜索、组件详情和安装能力。安装组件时需配置 Layro 令牌。

#ui #components #react #tailwind #design-system #frontend #cursor

配置

远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。

服务地址https://layropro.com/api/mcp

一键复制安装命令

Claude CodeTerminalclaude mcp add --transport http layro https://layropro.com/api/mcp

Cursor.cursor/mcp.json{"mcpServers":{"layro":{"type":"http","url":"https://layropro.com/api/mcp"}}}在 Cursor 中打开

VS Code.vscode/mcp.json{"servers":{"layro":{"type":"http","url":"https://layropro.com/api/mcp"}}}在 VS Code 中打开

Claude Desktopclaude_desktop_config.json{"mcpServers":{"layro":{"type":"http","url":"https://layropro.com/api/mcp"}}}

Windsurf~/.codeium/windsurf/mcp_config.json{"mcpServers":{"layro":{"serverUrl":"https://layropro.com/api/mcp"}}}

命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

全部服务地址

Streamable HTTPhttps://layropro.com/api/mcp需要授权

工具

参数	类型	必填	说明
limit	integer	否	结果数量。默认值为 8。
query	string	是	用通俗的语言描述你的需求："animated dashboard card"、"date range picker"。
category	string	否	仅限此类别（使用 list_categories 返回的名称或 slug）。

详细介绍

Layro MCP

Layro 是一个组件库，包含 112 个使用 TypeScript 编写并采用 Tailwind CSS 样式的生产级 React UI 组件（其中 62 个免费）。它的远程 MCP 服务可让 Cursor、Claude Code、VS Code、Windsurf、Codex 和其他 MCP 客户端访问整个组件库。你的 Agent 可以搜索组件库、查看每个组件的 props 和用法，并安装经过测试且版本固定的组件。

安装

添加到 ~/.cursor/mcp.json（或项目中的 .cursor/mcp.json）：

{
  "mcpServers": {
    "layro": { "url": "https://layropro.com/api/mcp" }
  }
}

无需账号即可搜索组件并查看详情。要安装组件，请添加来自 https://layropro.com/account 的 CLI 令牌。免费账号的令牌可解锁 62 个免费组件；购买终身访问权限可解锁 Pro：

{
  "mcpServers": {
    "layro": {
      "url": "https://layropro.com/api/mcp",
      "headers": { "Authorization": "Bearer YOUR_LAYRO_TOKEN" }
    }
  }
}

文档：https://layropro.com/mcp

支持 Markdown

登录后评论