AI导哈

NativeWind迁移工具

一个用于将styled-components/Tamagui/@monymony-public/ui-core迁移到NativeWind的工具，提供组件分析和迁移建议。

  • by monymonydev
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 monymonydev/sumone-nativewind-mcp

使用说明

sumone本地风mcp

styled-components/Tamagui/@monymony-public/ui-core→用于NativeWind迁移的MCP服务器

安装

yarn && yarn build

MCP设置

claude mcp add -s project sumone-nativewind-mcp -- node $PATH_TO_SUMONE_NATIVEWIND_MCP/dist/index.js

确认： /mcp

开发

yarn dev      # Watch mode
yarn test     # Run tests
yarn test:run # Run tests once

使用指南

概述

MCP工具= 分析+建议 负责 克劳德代码= 创建实际文件 负责

迁移工作流

步骤1:进入计划模式

Shift+Tab

Step2:请求自然语言

"sumone-mobile의 ComponentA를 sumone-new-arch로 마이그레이션해줘. sumone-nativewind-mcp를 사용해."

Step3:Claude使用MCP工具分析

  • analyze_component →了解模式
  • suggest_migration →建议转换方法
  • get_token_mapping →验证令牌映射

步骤4:计划批准后运行

  • Claude Code基于建议创建实际文件

工具列表

工具 用途
analyze_component 样式模式分析
convert_styles 建议转换（dryRun）
get_token_mapping 令牌→Tailwind映射
suggest_migration 复杂模式迁移建议
batch_analyze 扫描整个目录
generate_tailwind_config 创建Tailwind设置

支持模式

  • styled-components/native
  • Tamagui styled()
  • @monymony-public/ui-core （XStack、YStack、排版、按钮）

注意事项

  • 传统令牌（theme.main.colors.*) → legacy-* 类
  • 按区域设置的类型不同（ko/en/ja等）
  • batch_analyze首先通过确定整个范围

相关 MCP