-
securityF
license-
qualityConverts Figma designs to React Native components, allowing users to extract components from Figma designs and generate corresponding React Native components with proper typing and styling.
Last updated -
43
5
@modelcontextprotocol/servidor-nativewind
Servidor MCP para transformar componentes de Tailwind a NativeWind 4.
Instalación
npm install -g @modelcontextprotocol/server-nativewind
Uso
Como herramienta CLI
mcp-nativewind
En Claude para escritorio
Añade a tu claude_desktop_config.json :
{
"mcpServers": {
"nativewind-transformer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-nativewind"]
}
}
}
Herramientas disponibles
transform-component: Transformar un solo componente
transform-directory: Transforma todos los componentes en un directorio
componente de análisis: Analizar el uso de Tailwind
Desarrollo
Clonar el repositorio
Instalar dependencias:
npm installConstruya el proyecto:
npm run buildEjecutar pruebas:
npm test
Contribuyendo
¡Agradecemos sus contribuciones! No dude en enviar una solicitud de incorporación de cambios.
Licencia
Instituto Tecnológico de Massachusetts (MIT)
Transforma los componentes de Tailwind a NativeWind 4.
Related MCP Servers
- -securityAlicense-qualityConverts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.Last updated -52MIT License
- AsecurityAlicenseAqualityProvides comprehensive tools for React Native development, automating project initialization, version management, upgrades, Expo integration, and development workflows through AI assistance.Last updated -2267MIT License