tokenizin-agency/mcp-nativewind

10 stars 2 forks Quality 55 Trend 8MIT

MCP server for transforming Tailwind components to NativeWind 4.

Overview

MCP server for transforming Tailwind components to NativeWind 4. 1. transform-component: Transform a single component 2. transform-directory: Transform all components in a directory 3. analyze-component: Analyze Tailwind usage 1. Clone the repository 2. Install dependencies: npm install 3. Build the project: npm run build 4. Run tests: npm test Contributions are welcome! Please feel free to submit a Pull Request.

README

@modelcontextprotocol/server-nativewind

MCP server for transforming Tailwind components to NativeWind 4.

Installation

npm install -g @modelcontextprotocol/server-nativewind

Usage

As a CLI tool

mcp-nativewind

In Claude for Desktop

Add to your claude_desktop_config.json:

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

Available Tools

transform-component: Transform a single component
transform-directory: Transform all components in a directory
analyze-component: Analyze Tailwind usage

Development

Clone the repository
Install dependencies: npm install
Build the project: npm run build
Run tests: npm test

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT

View the full README on GitHub

Install

npx -y @modelcontextprotocol/server-nativewind

New to MCP? Start with the mcpskill.org guide →

Configuration

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