Back to MCP directory
publicPublicdnsLocal runtime

Tailwind to NativeWind

一个用于将Tailwind组件转换为NativeWind 4的MCP服务工具

article

README

🚀 @modelcontextprotocol/server-nativewind

这是一个能将Tailwind组件转换为NativeWind 4的MCP服务器,为相关开发工作提供了高效的转换能力。

🚀 快速开始

本项目可实现Tailwind组件到NativeWind 4的转换,下面为你介绍具体的安装和使用方法。

📦 安装指南

使用以下命令进行全局安装:

npm install -g @modelcontextprotocol/server-nativewind

💻 使用示例

基础用法

作为命令行工具

直接在命令行中输入以下命令即可使用:

mcp-nativewind

在Claude Desktop中使用

将以下配置添加到你的 claude_desktop_config.json 文件中:

{
  "mcpServers": {
    "nativewind-transformer": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-nativewind"]
    }
  }
}

高级用法

本项目提供了一些可用工具,方便你进行组件转换和分析:

  1. transform-component:转换单个组件
  2. transform-directory:转换目录中的所有组件
  3. analyze-component:分析Tailwind的使用情况

🔧 技术细节

开发步骤

如果你想参与项目开发,可以按照以下步骤进行:

  1. 克隆仓库
  2. 安装依赖项:npm install
  3. 构建项目:npm run build
  4. 运行测试:npm test

🤝 贡献指南

欢迎任何形式的贡献!如果你有改进的想法或修复了一些问题,请随时提交Pull Request。

📄 许可证

本项目采用MIT许可证。

help

Runtime guide

cloud

Hosted runtime

Hosted servers run from a provider-managed environment. You usually connect the MCP client to the hosted endpoint or follow the provider's authorization flow, without keeping a local process alive

  1. Open provider connection page
  2. Authorize or copy endpoint
  3. Connect from your MCP client
terminal

Local runtime / other methods

Local servers run on your own machine or infrastructure. You normally copy the server_config into your MCP client, install the required package, and provide env variables from env_schema when needed

  1. Copy server_config
  2. Install required package
  3. Fill env variables and restart client