Layro

io.github.Layropro由 GitHub 账号 Layropro 发布v1.3.0更新于 Oct 29, 2026

React + Tailwind UI components and recipes your AI coding tool can search and install.

发布方自己的服务:Layro

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

概览

AI 生成的概览

Layro 让 AI 编程助手搜索、查看并安装可直接用于生产的 React + Tailwind CSS v4 UI 组件、模板与配方。

可以做什么
  • 按功能搜索 Layro 组件,并浏览分类及其中的组件与库约定。
  • 查看单个组件的详情:适用场景、props、变体、npm 依赖、安装的文件、布局行为、搭配组件与配方。
  • 获取组件完整源码及其导入的所有文件,或获取 shadcn CLI 安装步骤与 registry 配置。
  • 查询调用方是否有权获取某个组件或模板,并列出、查看模板及其授权方式。
  • 获取主题颜色 token 与改色指引,并取得可直接运行的配方,例如聊天应用外壳、仪表盘和账单页面。
适用场景
适合在用 Tailwind 构建 React 或 Next.js 界面时,让助手复用现成组件而不是从零编写,或直接用现成配方拼出完整页面。
运行要求
远程 streamable HTTP 端点 layropro.com,无需本地安装包。搜索无需凭据;获取组件代码和安装需要 Authorization 头携带 Layro 账户的 CLI token,免费组件需免费账户,Pro 组件需终身授权账户。通过 CLI 安装还需 shadcn CLI 与 npm。
安装前请注意
连接会在 Authorization 头中携带 Layro CLI token;服务器还可能下发短期安装 token 供 CLI 命令使用,不应写入文件或粘贴到对话中。安装会向项目写入组件文件并添加 npm 依赖。访问权限由服务器判定,Pro 组件需要付费的终身授权。

安装

在 SourceWeft 中

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

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

交给智能体安装

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

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

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

其他 MCP 客户端

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

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

工具

10

search_components

Search Layro components

Find Layro React + Tailwind components by what they do. Returns the best matches first with slug, category, access (free or pro) and version. Start here, then call get_component for details.

输入参数limitquery必填category

get_component

Get a Layro component

Everything about one component except its source: when to use it, props, variants, npm dependencies, the files it installs, a typechecked usage example with real props, how it sizes and scrolls (layout), the components it pairs with and the recipes it appears in.

输入参数slug必填

get_component_code

Get a Layro component's code

The complete source for one component and every file it imports, ready to save at the paths given. Free components need a free Layro account's token; Pro components need the caller's Layro lifetime access. Install with the shadcn CLI instead when you can run commands (see get_installation).

输入参数slug必填include_dependencies

get_installation

Install Layro components

Installation for one or more components: the one-time @layro registry setup for components.json, the shadcn CLI command (always @layro/<slug>, never a bare URL), a ready-to-run agent command with a 15-minute install token when this connection carries a CLI token, the npm packages still missing (pass installed_packages from package.json), the files and where they go, and the theme setup.

输入参数modeslugs必填package_managerinstalled_packages

list_categories

List Layro categories

The categories in the Layro catalogue with the components in each, plus the library contract: stack, theme, access, install path, and the accessibility and responsive behaviour every component has.

无需输入参数。

search_templates

Search Layro templates

Find complete Layro React / Next.js templates: what each is, its stack, a live preview and how it is licensed.

输入参数limitquery

get_template

Get a Layro template

One template's details and whether the caller may download it. Never returns the template's files.

输入参数slug必填

check_access

Check Layro access

Whether the caller can take a component or template, and why: free, subscriber, lifetime, purchased or unauthorized.

输入参数slug必填

get_theme

Get the Layro theme

The theme's colour tokens (light and dark values, and what each one colours), how to restyle Layro to a brand from your own CSS without editing components, the type scale, and the cn() config for it.

无需输入参数。

get_recipe

Get a Layro recipe

Complete, runnable files that combine several Layro components the way they fit together: an AI chat app shell (Sidebar + Conversation History + AI Chat, with a phone drawer), a dashboard app and a billing page. Without a slug, lists the recipes. Every recipe typechecks against the components.

输入参数slug

版本历史

1
  1. v1.3.0最新Oct 29, 2026

评分

已满足适用检查项的 83%

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

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

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

  • 许可证不适用

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

其他 Layro 集成