返回 MCP 目录
public公开dns本地运行

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

运行方式说明

cloud

托管运行

托管运行通常表示这个 MCP Server 由服务方环境承载,用户一般按页面提供的连接方式或授权流程接入,不需要在本地长期启动一个 MCP 进程

  1. 打开服务方连接页
  2. 完成授权或复制端点
  3. 在 MCP 客户端中连接
terminal

本地运行 / 其它方式

本地运行通常需要用户在自己的电脑或服务器上安装依赖,把 server_config 复制到 MCP 客户端,并按 env_schema 补齐环境变量、密钥或其它配置

  1. 复制 server_config
  2. 安装所需依赖
  3. 补齐环境变量后重启客户端