Skills
.Work. You
Rest

react-to-wx-miniprogram-migrator

Community

Migrate React + Tailwind to WeChat Mini Program.

Software Engineering#react#migration#tailwind#wxml#miniprogram#wxss
Authordafang
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers convert React + TailwindCSS web applications into native WeChat Mini Programs, preserving structure, styling, and functionality across platforms.

Core Features & Use Cases

  • Analysis & Setup: Inspect the React project and generate a corresponding WeChat Mini Program skeleton.
  • Component & JSX Conversion: Translate React components and JSX into WXML templates and WXSS styles.
  • TailwindCSS to WXSS: Map Tailwind utility classes to static WXSS styles, with unit conversion considerations.
  • Logic Migration: Adapt state management and lifecycle (useState/useEffect) to Mini Program data and lifecycles.
  • API & Asset Replacement: Swap browser APIs with WeChat equivalents and migrate assets.
  • Use Case: Example: Migrating a React + TailwindCSS dashboard to a WeChat Mini Program to preserve UI and interactions.

Quick Start

Provide your React + TailwindCSS project and run this skill to generate a WeChat Mini Program migration plan and project skeleton.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-to-wx-miniprogram-migrator
Download link: https://github.com/dafang/react-to-weapp-skills/archive/main.zip#react-to-wx-miniprogram-migrator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.