React组件开发工具

用于独立开发和部署React UI组件的工具集,包含Vite和Storybook支持,适用于MCP服务器环境。

  • by duvan-gallego
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 duvan-gallego/mcp-tools-components

使用说明

MCP工具组件

React+TypeScript+Vite+故事书

该存储库为开发React UI组件提供了一种独立的方法。每个组件都可以独立构建,并部署在任何MCP服务器环境中直接使用。

包括四个Vite编码的示例组件。构建过程使用 build-all 脚本,如OpenAI OpenAI apps sdk示例库中提出的。

用法

要将所有组件构建并导出为独立的资产,请运行:

pnpm build

要启动Storybook并处理组件,请运行:

pnpm storybook

要预览组件,您可以使用任何静态文件服务器为其提供服务。或者,使用以下命令并导航到所需的组件,例如。, http://localhost:3000/calculator.html:

pnpm preview

React 编译器

此模板中启用了React编译器。有关更多信息,请参阅 React编译器文档.

注: 启用React编译器可能会影响Vite的开发和构建性能。

许可证

MIT许可证