$ 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 访问设计令牌与组件契约，提升一致性并减少上下文消耗。
通过文本提示生成 UI 组件、布局与主题，并支持重构和无障碍审查。
将蓝湖项目或设计链接转换为可供 AI 读取的设计上下文，辅助开发与评审。
让 AI 通过自然语言查询 Levit 设计系统的颜色令牌与组件用法。