skills.rest
involvex
involvexCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ionic-app-upgrades

Migrates Ionic Framework apps across major versions 4 through 8 for Angular, React, and Vue.

1|Updated Aug 25, 2026
Search Tags:#react#angular#vue#migration#breaking changes#upgrade#ionic
One-click install
npx skills add https://github.com/involvex/ionic-everywhere --skill ionic-app-upgrades-involvex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ionic-app-upgrades
Source: https://github.com/involvex/ionic-everywhere/tree/main/.agents/skills/ionic-app-upgrades
Command: npx skills add https://github.com/involvex/ionic-everywhere --skill ionic-app-upgrades-involvex

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Upgrading an Ionic Framework app across major versions involves dozens of breaking changes—removed components, renamed CSS variables, changed event signatures, and new browser support requirements—that are easy to miss and tedious to apply manually. ## Core Features & Use Cases - Sequential Multi-Version Upgrades: Applies upgrade guides step by step for jumps like 5 to 8, building and verifying after each intermediate version. - Framework-Specific Migration Steps: Covers Angular, React, Vue, and Core/Standalone projects with the correct package installs and API changes for each. - Detailed Breaking Change References: Documents component removals (ion-slides, ion-virtual-scroll), CSS variable renames, form control migrations, and Jest configuration updates per version. - Use Case: You have an Ionic 6 React app that must move to Ionic 8. The skill detects the current version, applies the v6-to-v7 then v7-to-v8 guides, runs builds after each step, and fixes errors such as legacy form control syntax. ## Quick Start Upgrade my Ionic React app from version 6 to version 8 and fix any build errors along the way.

Frequently Asked Questions about ionic-app-upgrades

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I upgrade an Ionic app from version 6 to 8?▼

Upgrade sequentially through each major version: apply the v6-to-v7 guide, build and fix errors, then apply the v7-to-v8 guide. Never skip intermediate versions, since each guide assumes the previous migration is complete.

How to migrate Ionic form controls to the modern syntax?▼

Ionic 8 removed legacy form control syntax. Remove the legacy property and move label, fill, shape, counter, helperText, and errorText from ion-item onto ion-input, ion-textarea, or ion-select directly.

Does this skill upgrade Capacitor versions too?▼

No, it only handles Ionic Framework upgrades. For Capacitor version upgrades, use the capacitor-app-upgrades skill, which covers Capacitor-specific migration steps and platform build issues.

Why do Jest tests fail after upgrading to Ionic 6?▼

Ionic 6 ships as ES Modules, which Jest cannot parse by default. Add transformIgnorePatterns covering @ionic/core, @stencil/core, and ionicons to your Jest configuration to fix the import syntax errors.

What replaced ion-slides and ion-virtual-scroll in Ionic 7?▼

Both components were removed in Ionic 7. Migrate ion-slides to Swiper.js using the framework-specific migration guide, and replace ion-virtual-scroll with Angular CDK scrolling, react-virtuoso, or vue-virtual-scroller.

Related Skills

Explore More Software Engineering Skills→
SoltusSoltus
1

ionic-app-upgrades

Guide Ionic Framework app upgrades across major versions 4 through 8.

Community
Advanced
hamza-sahinhamza-sahin

capacitor-app-upgrades

Upgrade Capacitor app projects across major versions with validated migration steps.

Community
Advanced
sebc-devsebc-dev

capacitor-plugin-upgrade-v5-to-v6

Upgrade Capacitor plugins from version 5 to version 6.

Community
Intermediate
fikriaffikriaf

pokemon-player

Automate Pokemon gameplay through headless emulation and strategic decision-making algorithms.

Community
Advanced