framework-to-capacitor
Installation
SKILL.md
Contains Shell Commands
This skill contains shell command directives (!`command`) that may execute system commands. Review carefully before installing.
Framework to Capacitor
Make a framework emit a static bundle that Capacitor can copy into the native projects, and wire the scripts so build -> cap sync is one step.
When to Use
TRIGGER when:
- Adding Capacitor to a Next.js, Nuxt, Angular, SvelteKit, Vite (React/Vue/Svelte/Solid), React Router, Qwik, or Astro project.
npx cap syncfails withThe web assets directory (./dist) must contain an index.html file.orCould not find the web assets directory: ./dist.- The app launches to a white screen or loads the wrong page after a reload or deep link.
- The framework build fails because of SSR-only features (
output: 'export'errors,prerendererrors, API routes, middleware, server actions).
Do not use for:
- Store readiness, native UX, permissions, billing, review risk ->
webapp-to-capacitor,capacitor-app-store,capacitor-apple-review-preflight. - Cordova/PhoneGap apps ->
cordova-to-capacitor. - Capacitor version upgrades ->
capacitor-app-upgrades. - Live updates setup ->
capgo-live-updates.