io.github.Uvxxsh由 GitHub 账号 Uvxxsh 发布v1.0.2更新于 Oct 24, 2026
Search and install 112 production React, TypeScript and Tailwind CSS UI components from Layro.
发布方自己的服务：Layro
Layro React 与 Tailwind 组件库的远程 MCP 服务器，让助手搜索组件、读取属性与源码并获取安装步骤
Web executable，通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。
把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体，或 SourceWeft 对话中。智能体会读取该服务器的安装指南，先向你展示发布者、端点和登录方式，经你同意后再把它添加到你的客户端。密钥不会写进任何命令。
阅读 https://sourceweft.com/mcp/io.github.Uvxxsh%2Flayro/install.md，并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前，先告诉我它的发布者、端点和登录方式，等我确认。不要把 API 密钥写进命令或我会提交的文件；问我密钥应从哪里获取。把它添加到你客户端的 mcpServers 配置中。
{
"mcpServers": {
"layro": {
"type": "http",
"url": "https://layropro.com/api/mcp"
}
}
}Layro is a library of 112 production React UI components written in TypeScript and styled with Tailwind CSS (62 free). Its remote MCP server gives Cursor, Claude Code, VS Code, Windsurf, Codex and other MCP clients access to the whole library. Your agent can search the library, read each component's props and usage, and install the tested component with pinned packages.
Add to ~/.cursor/mcp.json (or .cursor/mcp.json in a project):
Search and component details work with no account. To install components, add the CLI token from https://layropro.com/account. A free account's token unlocks the 62 free components; lifetime access unlocks Pro:
Docs: https://layropro.com/mcp
来源：README.md，提交 757bc2f
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必填categoryGet 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 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_dependenciesInstall 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_packagesList 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 Layro templates
Find complete Layro React / Next.js templates: what each is, its stack, a live preview and how it is licensed.
limitqueryGet a Layro template
One template's details and whether the caller may download it. Never returns the template's files.
slug必填Check Layro access
Whether the caller can take a component or template, and why: free, subscriber, lifetime, purchased or unauthorized.
slug必填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 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已满足适用检查项的 90%
该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。
请在仓库或注册中心条目中声明许可证。
{ "mcpServers": { "layro": { "url": "https://layropro.com/api/mcp" } }}{ "mcpServers": { "layro": { "url": "https://layropro.com/api/mcp", "headers": { "Authorization": "Bearer YOUR_LAYRO_TOKEN" } } }}