mcp-nativewind
About
Rransforms Tailwind components to NativeWind 4.
Details
- Author
- tokenizin-agency
- Repository
- tokenizin-agency/mcp-nativewind
- GitHub stars
- 3
- Downloads
- 1
- License
- MIT License
- Categories
- Developer Tools, Frontend, Other, Design
Jump to
Setting up with Highlight
Follow these steps to add this server as a custom Highlight plugin:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
mcp-nativewindCommand (node, npx, python, etc.)npxArguments-
Argument 1
-y -
Argument 2
@modelcontextprotocol/server-nativewind
Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
-
Argument 1
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
transform-component
Transform a single component.
transform-directory
Transform all components in a directory.
analyze-component
Analyze Tailwind usage.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"mcp-nativewind": {
"env": {},
"args": [
"-y",
"@modelcontextprotocol/server-nativewind"
],
"shell": false,
"command": "npx"
}
}
}Linux
{
"env": [],
"args": [
"-y",
"@modelcontextprotocol/server-nativewind"
],
"shell": false,
"command": "npx"
}Macos
{
"env": [],
"args": [
"-y",
"@modelcontextprotocol/server-nativewind"
],
"shell": false,
"command": "npx"
}Windows
{
"env": [],
"args": [
"/c",
"npx",
"-y",
"@modelcontextprotocol/server-nativewind"
],
"shell": false,
"command": "cmd"
}MCP server for transforming Tailwind components to NativeWind 4.
npm install -g @modelcontextprotocol/server-nativewind
Add to yourclaude_desktop_config.json:
{ "mcpServers": { "nativewind-transformer": { "command": "npx", "args": ["-y", "@modelcontextprotocol/server-nativewind"] } } }
- transform-component: Transform a single component
- transform-directory: Transform all components in a directory
- analyze-component: Analyze Tailwind usage
- Clone the repository
- Install dependencies:npm install
- Build the project:npm run build
- Run tests:npm test
Contributions are welcome! Please feel free to submit a Pull Request.
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
A growing collection of MCP tools for Android Development. Currently features a deterministic Figma-SVG-to-Android-XML converter, with plans for Gradle analysis, Resource management, and ADB integration tools.
Convert Figma designs into React Native components.
Extentos is a multi-vendor development platform for adding smart-glasses capabilities to existing iOS and Android apps. The simplest analogy is Stripe for smart glasses
An MCP server tailored for React Native–first development using Gluestack UI
MCP Server for PGYER platform, supports uploading, querying apps, etc.
A CLI tool for developers to manage Android devices via ADB.
Drives an Android emulator or a real device over adb: screenshots, UI hierarchy with true device-pixel coordinates, tap and type, app lifecycle, logcat, and Gradle builds and tests.
Interact with Android devices using the Android Debug Bridge (ADB).
Interact with Android devices using the Android Debug Bridge (ADB).
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
