logo
Free, unlimited AI code reviews that run on commit
git-lrc git-lrc GitHub Install Now We'd appreciate a star git-lrc - Free, unlimited AI code reviews that run on commit | Product Hunt git-lrc - Free, unlimited AI code reviews that run on commit | Product Hunt

mcp-nativewind

Transforms Tailwind components to NativeWind 4, enabling seamless migration between design systems. Analyzes Tailwind usage and allows for transformation of single components or entire directories.

Author

mcp-nativewind logo

tokenizin-agency

MIT License

Quick Info

GitHub GitHub Stars 8
NPM Weekly Downloads 0
Tools 1
Last Updated 2026-02-19

Tags

nativewindtailwindcomponentscomponents nativewindtailwind componentsmcp nativewind

@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

  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

See Also

`