スキル一覧に戻る
ecomfe

taro2rn

by ecomfe

Shared agent skills for EFE

0🍴 0📅 2026年1月22日
GitHubで見るManusで実行

SKILL.md


name: taro2rn description: Taro 代码转换为 React Native,自动读取转换规则并引导完成转换任务

Taro to React Native 转换

将 Taro 小程序代码转换为 React Native 代码的完整工具包。

快速开始

第一步:处理 taro2rnTODO.md

检查项目根目录是否存在 taro2rnTODO.md:、

情况操作
存在直接读取,了解当前进度,跳至第二步
不存在执行初始化流程(见下方)

初始化流程(仅当文件不存在时执行)

  1. 询问用户配置(使用 AskUserQuestion 工具):
配置项默认值说明
项目名称当前目录名用于标识项目
设计稿宽度750750 或 1242
RN 应用路径.React Native 应用相对路径
  1. 基于模板生成 taro2rnTODO.md
    • 读取 templates/TODO_TEMPLATE.md
    • 替换占位符:
      • {{PROJECT_NAME}} → 项目名称
      • {{DESIGN_WIDTH}} → 设计稿宽度
      • {{RN_APP_PATH}} → RN 应用路径
      • {{RPX_FILE_PATH}}src/utils/rpx.ts(固定值)
      • {{INIT_DATE}} → 当前日期(YYYY-MM-DD)
    • 写入项目根目录 taro2rnTODO.md

第二步:执行转换

  1. 按照 TRANSFORM_RULES.md 转换组件
  2. 遇到问题查阅 KNOWN_ISSUES.md
  3. 若本地文档未覆盖,查阅官方文档:Taro | React Native
  4. 完成后更新 taro2rnTODO.md

文档结构

taro2rn/
├── SKILL.md                 # 入口文档
├── core/
│   ├── TRANSFORM_RULES.md   # 转换规则
│   └── KNOWN_ISSUES.md      # 已知问题(含 Monorepo 附录)
└── templates/
    └── TODO_TEMPLATE.md     # 项目进度模板

转换规则

core/TRANSFORM_RULES.md 包含:

章节内容
一、组件映射View、Text、Image、Input、ScrollView 等
二、API 映射路由、存储、网络请求、UI 反馈
三、生命周期useDidShow、useRouter、下拉刷新
四、样式转换rpx 单位、Flex、文字、边框
五、平台代码Platform.OS、平台特定文件
六、事件处理事件对象、阻止冒泡
七、特殊组件Portal、RichText、WebView
八、导入汇总Taro → RN 导入对照
九、IM 布局键盘避让、消息列表

转换工作流

1. 处理 taro2rnTODO.md → 初始化或读取现有进度
2. 确认设计稿标准     → 750 用 rpx(),1242 用 rpx1242()
3. 读取 Taro 源码     → 分析组件结构
4. 应用转换规则       → 参考 TRANSFORM_RULES.md
5. 处理特殊情况       → 查阅 KNOWN_ISSUES.md
6. 更新 taro2rnTODO.md → 标记完成

スコア

総合スコア

55/100

リポジトリの品質指標に基づく評価

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

+10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

0/5
タグ

1つ以上のタグが設定されている

0/5

レビュー

💬

レビュー機能は近日公開予定です