trackmcp
Back to directory
tokenizin-agency

mcp-nativewind

View on GitHub
8 stars TypeScriptOthers Updated Sep 1, 2025

Documentation

@modelcontextprotocol/server-nativewind

MCP server for transforming Tailwind components to NativeWind 4.

Installation

bash
npm install -g @modelcontextprotocol/server-nativewind

Usage

As a CLI tool

bash
mcp-nativewind

In Claude for Desktop

Add to your `claude_desktop_config.json`:

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

Available Tools

1. transform-component: Transform a single component

2. transform-directory: Transform all components in a directory

3. analyze-component: Analyze Tailwind usage

Development

1. Clone the repository

2. Install dependencies: `npm install`

3. Build the project: `npm run build`

4. Run tests: `npm test`

Contributing

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

License

MIT

Frequently asked questions

What is mcp-nativewind?

mcp-nativewind is a Model Context Protocol (MCP) server listed in the TrackMCP directory.

How do I install mcp-nativewind?

Open the GitHub repository and follow its README. Most MCP servers are added to your client's MCP config, then called by your agent.

Is mcp-nativewind open source?

Yes — it is hosted on GitHub at https://github.com/tokenizin-agency/mcp-nativewind and has 8 stars.

Related MCP tools

Run your own MCP server? See who uses it and what to fix.

Measure it with TrackMCP