$ loading_
帮助 AI 读取 Lando 设计系统并生成 React 组件与主题相关代码。
复制安装指令，让 AI 自动完成配置 · 推荐新手
"@lando-labs/lando-ds-mcp" 暂无可直接复制的安装信息，请查看页面文档或源码仓库。
请基于 Lando Labs Design System，生成一个 React 页面示例，使用现有组件、图标和主题预设实现一个设置面板。
输出一个基于该设计系统的 React 示例代码，包含相关组件、图标与主题配置。
列出 Lando Labs Design System 中与颜色和间距相关的设计令牌，并说明适合用于表单界面的值。
返回设计令牌清单，并给出适用于表单场景的推荐说明。
根据 Lando Labs Design System 中可用的 hooks，生成一个 React 示例，展示如何在页面中调用并组织状态逻辑。
输出使用该设计系统 hooks 的 React 代码示例及基本说明。
开发者在搭建 React 界面时，可让 AI 读取该设计系统中的组件、图标和主题预设，并生成更贴近规范的页面代码。
设计师或前端协作时，可通过该工具查看设计令牌与可用构件，减少颜色、间距和组件用法上的偏差。
团队可将该 MCP 工具接入 AI 代理，让其围绕 React 组件、hooks、icons 和主题资源提供更有依据的代码生成与查询能力。
这是一个面向 Lando Labs Design System 的 MCP server。它让 AI 代理能够检查并生成与 React 组件、hooks、icons、设计令牌和主题预设相关的代码，包含 15 个工具。
已知它支持围绕 React 组件、hooks、icons、design tokens 和 theme presets 的查询与代码生成。更细的工具清单与能力边界见源码仓库。
给定素材未提供安装步骤、运行时要求或密钥信息。具体接入方式与前置条件见源码仓库。
通过 MCP 检索和阅读设计系统组件，快速发现相关组件与设计资源。
让 AI 通过 MCP 访问设计令牌与组件契约，提升一致性并减少上下文消耗。
通过 MCP 远程操作设计工具，自动完成图像处理、文件操作与设计流程编排。
通过命令行驱动 Claude Design，创建、迭代并导出设计系统。
本地免费检索品牌 Logo 与 shadcn/ui 组件源码，免密钥快速辅助界面开发
通过 LSP 提供代码导航与编辑能力，帮助 AI 在多语言项目中高效改码。