legacy-to-modern-migration指导将 JS + jQuery + HTML 传统前端项目迁移至 React + TypeScript 或 Vue 3 + TypeScript 的迁移策略、概念映射、分阶段步骤和检查清单。含图片、样式、功能等价等重构实施要求。当用户提到技术栈升级、jQuery 迁移、MPA 转 SPA、项目重构、遗留项目迁移为...
Install via ClawdBot CLI:
clawdbot install bovinphang/legacy-to-modern-migrationGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Apr 19, 2026
A retail company with a legacy jQuery-based e-commerce site seeks to migrate to React + TypeScript for improved performance, SEO, and developer productivity. The project involves converting product listings, shopping carts, and checkout flows into a SPA with modern state management and responsive design.
A financial institution aims to upgrade its internal dashboard from jQuery and MPA to Vue 3 + TypeScript to enhance real-time data visualization, security, and maintainability. The migration focuses on charts, transaction tables, and user authentication modules while ensuring regulatory compliance.
A healthcare provider wants to migrate a patient portal from legacy HTML/jQuery to React + TypeScript for better accessibility, mobile compatibility, and integration with modern APIs. Key areas include appointment scheduling, medical records display, and secure messaging features.
An online education platform plans to move from jQuery-based course pages to Vue 3 + TypeScript to support interactive learning modules, video playback, and progress tracking. The goal is to create a scalable SPA with improved user engagement and cross-device functionality.
A media company needs to refactor its content management system from jQuery and server-side templates to React + TypeScript for faster editorial workflows and real-time updates. The migration involves article editors, media galleries, and user role management components.
Offer migration strategy consulting and implementation services to enterprises, charging per project or hourly rates. This includes analysis, planning, and hands-on coding support for transitioning legacy systems to modern frameworks.
Develop and sell a SaaS platform that automates parts of the migration process, such as code analysis, dependency mapping, and scaffold generation. Target mid-sized businesses looking for cost-effective, self-service solutions.
Provide training programs and certifications for developers on legacy-to-modern migration techniques. This includes workshops, online courses, and certification exams tailored to React/Vue migration best practices.
💬 Integration Tip
Start with a thorough migration analysis report to identify risks and prioritize modules; use incremental strategies like Strangler Fig to maintain system stability during transition.
Scored Apr 19, 2026
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.