连接多套 shadcn 风格组件库,帮助智能体基于真实组件组合界面
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "UI Registry" MCP 服务: 执行:claude mcp add 'io-github-mrityunjay-tiwari-ui-registry-mcp' -- npx -y ui-registry-mcp
请使用 UI Registry 可访问的真实 shadcn 风格组件,为我组合一个管理后台首页,包括侧边栏、顶部导航、统计卡片、表格和筛选区。
基于真实组件库组合出的后台页面结构与组件方案。
请从 UI Registry 可用的组件库中选择合适组件,组合一个登录页和注册页,要求包含表单、按钮、提示信息和品牌区。
使用真实组件构成的认证流程界面建议或页面组合结果。
基于 UI Registry 中可用的 shadcn 风格组件,帮我组合一个产品详情页,包含图片区域、价格信息、规格选择、评价区和相关推荐。
由真实组件库拼装的产品详情页界面结构。
开发者在用智能体生成前端页面时,可以让它直接访问多套 shadcn 风格组件库,而不是凭空生成界面。这样更适合基于真实组件进行组合和实现。
设计师或产品经理需要快速验证页面结构时,可借助该工具让智能体从现成组件中组合页面。它适合需要统一风格和更高落地性的界面草案。
它是一个 MCP 工具,可提供对 12 套 shadcn 风格组件库的实时访问,让智能体基于真实组件来组合 UI。
给定描述显示,它强调使用真实组件库中的组件来组合界面,而不是仅根据文字描述凭空生成。这样更贴近实际组件生态。
目前给定素材没有提供安装说明、运行时要求或密钥信息。具体细节见源码仓库。
帮助 AI 获取并管理 shadcn/ui v4 组件源码、示例和 CLI 集成
帮助用户检索并获取 UI 组件的文档、元数据与源码参考
将提示词、截图和网址转成 UI 设计,辅助 AI 编码与主题令牌生成。
帮助开发者快速检索 RubyUI 组件文档、安装方式与主题配置指南
帮助 AI 理解并操作网页界面,完成导航、元素识别与状态追踪。
本地免费检索品牌 Logo 与 shadcn/ui 组件源码,免密钥快速辅助界面开发