Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@mcp-nativewindtransform this button component to use NativeWind 4"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
@modelcontextprotocol/server-nativewind
MCP server for transforming Tailwind components to NativeWind 4.
Installation
Related MCP server: MCP Figma to React Converter
Usage
As a CLI tool
In Claude for Desktop
Add to your claude_desktop_config.json:
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 installBuild the project:
npm run buildRun tests:
npm test
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
License
MIT