-
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/server-nativewind
MCP 服务器用于将 Tailwind 组件转换为 NativeWind 4。
安装
npm install -g @modelcontextprotocol/server-nativewind
用法
作为 CLI 工具
mcp-nativewind
在 Claude 桌面版中
添加到您的claude_desktop_config.json ：
{
"mcpServers": {
"nativewind-transformer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-nativewind"]
}
}
}
可用工具
transform-component：变换单个组件
transform-directory：转换目录中的所有组件
analyze-component：分析 Tailwind 使用情况
发展
克隆存储库
安装依赖项：
npm install构建项目：
npm run build运行测试：
npm test
贡献
欢迎贡献代码！欢迎提交 Pull 请求。
执照
麻省理工学院
将 Tailwind 组件转换为 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