基本能力
产品定位
mcp-nativewind 是一个用于将 Tailwind 组件转换为 NativeWind 4 的工具服务器,主要服务于前端开发中的样式转换需求。
核心功能
- 组件转换:支持将单个 Tailwind 组件或整个目录中的组件转换为 NativeWind 4 格式。
- 分析功能:提供对 Tailwind 使用情况的分析工具。
适用场景
- 前端开发中需要将 Tailwind 样式迁移到 NativeWind 4 的项目。
- 需要对现有 Tailwind 组件进行分析和优化的场景。
工具列表
- transform-component:转换单个组件。
- transform-directory:转换目录中的所有组件。
- analyze-component:分析 Tailwind 使用情况。
常见问题解答
暂无明确常见问题解答,建议查看项目仓库或提交 issue 获取支持。
使用教程
使用依赖
- 确保已安装 Node.js 和 npm。
安装教程
bash
npm install -g @modelcontextprotocol/server-nativewind
调试方式
- 作为 CLI 工具运行:
bash
mcp-nativewind - 在 Claude for Desktop 中使用:
在claude_desktop_config.json
中添加配置:
json
{
"mcpServers": {
"nativewind-transformer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-nativewind"]
}
}
}
开发指南
- 克隆仓库
- 安装依赖:
npm install
- 构建项目:
npm run build
- 运行测试:
npm test