ecomfe/agent-skill/taro2rn

Claude Code and agent skill by ecomfe/agent-skill

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Taro 小程序代码转 React Native 完整工具包。提供组件映射、API 映射、样式转换规则和已知问题解决方案。兼容 Taro 3.x 与 React Native 0.72+。

Install

npx vskill@latest install ecomfe/agent-skill/taro2rn

SKILL.md

Taro to React Native 转换

快速开始

第一步:处理 taro2rnTODO.md

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

情况操作
存在读取进度,跳至第二步
不存在执行初始化流程(见下方)
初始化流程
  1. 询问用户配置:
配置项默认值说明
项目名称当前目录名标识项目
设计稿宽度750750 或 1242
RN 应用路径.React Native 应用相对路径
  1. 基于模板生成 taro2rnTODO.md:读取 assets/TODO_TEMPLATE.md,替换占位符后写入项目根目录。
第二步:执行转换

进入实际转换前 ultrathink:先确认设计稿宽度、检查 rpx 工具函数是否已封装、识别项目是否为 Monorepo(pnpm-workspace.yaml 或 workspaces 字段)。这三项判断错了后续每次转换都要返工。

  1. 读取 Taro 源码,分析组件结构
  2. 按场景加载对应转换规则(见下方索引)
  3. 遇到问题查阅对应子域 known-issues 文件
  4. 完成后更新 taro2rnTODO.md

转换规则(按需加载)

主要转换规则
转换场景加载文件包含内容
规则索引 + 速查references/TRANSFORM_RULES.md最常用映射速查表(先读这个)
组件转换references/components.md基础组件映射、事件处理、Portal/RichText/WebView、导入汇总
API / 生命周期references/api.md路由、存储、网络、UI 反馈、页面生命周期、平台代码
样式转换references/styles.mdrpx 单位、Flex、文字/边框/定位、不支持的 CSS、动态宽度
IM 聊天页面references/im-layout.md键盘避让、FlatList inverted、滚动监听、分页加载
已知问题(按子域加载,不要一次性读全部)
子域加载文件适用场景
依赖兼容references/known-issues-dependencies.md渐变、安全区、Picker、DatePicker、常用依赖清单
样式差异references/known-issues-styles.mdrpx 设计稿、Image、阴影、Flex 宽度、模糊效果
API / 键盘 / React 版本references/known-issues-api.mdAPI 差异、ScrollView 监听、IM 键盘、React 版本冲突
Monoreporeferences/known-issues-monorepo.mdpnpm 依赖提升、CocoaPods、Metro、Monorepo React 冲突
(索引/兼容)references/KNOWN_ISSUES.md子域路由索引(旧链接仍可用)

加载策略:先读 TRANSFORM_RULES.md 速查表 → 不够用时按场景加载详细 references → 遇到具体问题只加载对应子域的 known-issues-*.md。

转换工作流

1. 处理 taro2rnTODO.md → 初始化或读取现有进度
2. 确认设计稿标准     → 750 用 rpx(),1242 用 rpx1242()
3. 读取 Taro 源码     → 分析组件结构
4. 应用转换规则       → 按需加载对应 references
5. 处理特殊情况       → 按子域查阅 known-issues-*.md
6. 更新 taro2rnTODO.md → 标记完成

文档结构

taro2rn/
├── SKILL.md                              # 入口(本文件)
├── references/
│   ├── TRANSFORM_RULES.md                # 规则索引 + 速查表
│   ├── components.md                     # 组件映射详细规则
│   ├── api.md                            # API/生命周期映射
│   ├── styles.md                         # 样式转换规则
│   ├── im-layout.md                      # IM 页面布局方案
│   ├── KNOWN_ISSUES.md                   # 已知问题索引(旧链接兼容)
│   ├── known-issues-dependencies.md      # 依赖兼容
│   ├── known-issues-styles.md            # 样式差异
│   ├── known-issues-api.md               # API/键盘/React 版本
│   └── known-issues-monorepo.md          # Monorepo 特有
└── assets/
    └── TODO_TEMPLATE.md                  # 项目进度模板

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

7-day trend score
0

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/ecomfe/agent-skill/taro2rn/badge)](https://verified-skill.com/skills/ecomfe/agent-skill/taro2rn)

Something wrong with this skill or its page? Tell us.