Macaw Design System：LangChain 产品套件的共享 UI 与设计基础

核心能力与快速开始

★ 8 · TypeScript

能做什么

提供 LangChain 的共享组件库（React 组件、样式、图标及带版本的用法指引）、框架无关的主题令牌，以及用于组件发现和 Agent 脚手架的 CLI。支持 React 18 和 19，包含亮/暗主题，样式表内置 Inter 与 Fira Code 字体及编译后的组件样式，可选 Tailwind v3 预设。还提供 Agent 初始化（macaw init）、组件检索（macaw search）和组件信息查看（macaw inspect）等命令。

适用场景

适用于为 LangChain 产品套件构建统一界面，或让开发者与编码 Agent 通过 CLI 和文档快速发现并复用组件、令牌与图标，也可用于需要框架无关主题令牌的前端集成。

项目形态

开发框架

部署方式

未说明

主要依赖

React 18 和 19 受支持；使用 pnpm 安装组件包，组件已包含令牌依赖，令牌单独集成时需显式添加令牌包；详细环境与本地设置见 CONTRIBUTING.md。

使用限制

仓库定位为共享、无领域 UI，产品路由、数据获取、权限、分析和功能流程应留在消费方应用中；素材未说明部署条件、硬件成本与 API 费用等。

许可证

MIT

最近推送

2026-09-24 01:46

资料检查：2026-09-27 07:00 · 卡片整理：2026-09-27 07:00
卡片由 AI 根据仓库资料整理，未进行安装或运行验证 · 本次更新未完成，保留上次成功内容

职业应用

程序员

使用 Macaw 设计系统为 LangChain 产品套件统一构建界面：通过 @langchain/macaw-components 引入 React 组件、样式与图标，使用 @langchain/macaw-tokens 的主题令牌，并借助 macaw CLI 进行组件检索与编码 Agent 脚手架，从而在开发中复用共享 UI 与设计基础。

官方使用入口 ↗

由 AI 根据来源材料整理，未进行安装或运行验证