AppCode Reskin
9 framework supportati

Compatibile con il tuo stack preferito

Importa progetti nativi, ibridi o WebApp. AppCode Reskin riconosce il framework, prepara la struttura modificabile ed esporta un archivio pronto alla pubblicazione.

Android StudioAndroid Studio
XcodeXcode
FlutterFlutter
React NativeReact Native
IonicIonic
CapacitorCapacitor
CordovaCordova
WebAppWebApp
PWAPWA

Workflow

Dal progetto sorgente all'export, in 6 passi

Step 01

Import

Carica ZIP del progetto o incolla l'URL della WebApp.

Step 02

Scansione AI

Mappatura una tantum di pagine, componenti, colori e font.

Step 03

Reskin

Modifica visuale con editor live e temi pronti.

Step 04

Anteprima

Emulatore Android / iPhone con cambio dispositivo immediato.

Step 05

Validazione

Controlli automatici di compatibilità e risorse.

Step 06

Export

ZIP pronto da aprire nell'IDE, SDK già iniettato.

Piattaforme

Tutto quello che puoi importare, modificare ed esportare

Clicca una scheda per scoprire i file riconosciuti, cosa puoi personalizzare e cosa ottieni in export.

Android Studio

Android Studio

Mobile

MyApp.zip · /app/src/main

Progetti nativi Android scritti in Kotlin o Java. AppCode Reskin riconosce il manifest, le risorse e la WebView dell'app per iniettare il runtime di reskin.

  • File ZIP del progetto
  • build.gradle / settings.gradle
  • AndroidManifest.xml
  • Risorse res/ (drawable, values)
  • WebView e asset HTML
Xcode

Xcode

Mobile

MyApp.xcodeproj

Progetti iOS in Swift o SwiftUI. Il sistema individua WKWebView, asset catalog e Info.plist per applicare il reskin runtime senza modifiche manuali al codice.

  • .xcodeproj / .xcworkspace
  • Info.plist
  • Assets.xcassets
  • WKWebView e bundle HTML
  • Storyboard e SwiftUI views
Flutter

Flutter

Cross-platform

my_app/ · pubspec.yaml

App Flutter scritte in Dart. Il motore analizza pubspec.yaml, la cartella lib/ e gli asset per esporre tutto ciò che è personalizzabile.

  • pubspec.yaml + cartella lib/
  • Cartella assets/
  • Tema ThemeData e MaterialApp
  • Plugin WebView e InAppWebView
React Native

React Native

Cross-platform

MyApp/ · package.json

Progetti React Native con CLI o Expo. AppCode Reskin individua package.json, le cartelle native android/ios e gli asset JS.

  • package.json + index.js
  • Cartelle android/ e ios/
  • Cartella assets/
  • react-native-webview
Ionic

Ionic

Cross-platform

myApp/ · ionic.config.json

App ibride Ionic basate su Angular, React o Vue. Il sistema legge ionic.config.json e il bundle web per applicare il reskin.

  • ionic.config.json
  • Cartella src/ (Angular/React/Vue)
  • capacitor.config.ts / config.xml
  • Bundle web www/
Capacitor

Capacitor

Cross-platform

capacitor.config.ts

Wrapper Capacitor per WebApp. Il file capacitor.config.ts è riconosciuto e il bundle web viene patchato con l'SDK runtime.

  • capacitor.config.ts
  • Cartella dist/ o www/
  • Plugin nativi configurati
Cordova

Cordova

Cross-platform

myApp/ · config.xml

Progetti legacy Cordova/PhoneGap. Vengono letti config.xml e la cartella www/ per applicare il reskin senza toccare i plugin nativi.

  • config.xml
  • Cartella www/
  • Plugin cordova installati
WebApp

WebApp

Web

https://tua-webapp.com

Qualsiasi WebApp pubblica raggiungibile via URL. Il crawler esegue la prima scansione AI e mappa tutte le pagine interne.

  • URL pubblico (https://)
  • Pagine interne via crawl BFS
  • CSS, font e immagini caricate
PWA

PWA

Web

manifest.json + sw.js

Progressive Web App con manifest e service worker. Vengono riconosciuti manifest.json, icone, theme color e shortcuts.

  • URL della PWA installabile
  • manifest.json
  • Service worker
  • Icone maskable

Compatibilità Import

Quali file vengono riconosciuti

PiattaformaZIPURLCrawl multi-paginaAuto-detect
Android StudioAndroid Studio
 SìN/A Sì
XcodeXcode
 SìN/A Sì
FlutterFlutter
 SìN/A Sì
React NativeReact Native
 SìN/A Sì
IonicIonic
 SìN/A Sì
CapacitorCapacitor
 SìN/A Sì
CordovaCordova
 SìN/A Sì
WebAppWebApp
 Sì Sì Sì
PWAPWA
 Sì Sì Sì
Dialog di import: WebApp URL o ZIP
Step 1 — scelta sorgente
Editor visuale con elementi modificabili
Step 3 — editor visuale

Compatibilità Export

Esporti progetti pronti all'IDE

L'archivio esportato include l'SDK runtime già iniettato nel punto giusto del framework. Apri, builda, pubblica.

Android Studio

Android Studio

MyApp.zip · /app/src/main

Xcode

Xcode

MyApp.xcodeproj

Flutter

Flutter

my_app/ · pubspec.yaml

React Native

React Native

MyApp/ · package.json

Ionic

Ionic

myApp/ · ionic.config.json

Capacitor

Capacitor

capacitor.config.ts

Cordova

Cordova

myApp/ · config.xml

WebApp

WebApp

https://tua-webapp.com

PWA

PWA

manifest.json + sw.js

android · MainActivity.ktauto-iniettato
webView.evaluateJavascript(
  "(function(){var s=document.createElement('script');" +
  "s.src='https://cdn.appcodereskin.com/sdk/v1/runtime.js';" +
  "s.dataset.project='YOUR_PROJECT_ID';" +
  "document.head.appendChild(s);})();", null);
ios · ViewController.swiftWKWebView
func webView(_ webView: WKWebView,
  didFinish navigation: WKNavigation!) {
  webView.evaluateJavaScript("""
    var s=document.createElement('script');
    s.src='https://cdn.appcodereskin.com/sdk/v1/runtime.js';
    document.head.appendChild(s);
  """, completionHandler: nil)
}

progetto-reskin.zip

SDK incluso · pronto al download

Emulatore mobile con anteprima live
Emulatore live — anteprima del risultato prima dell'export

Il tuo framework è qui. Inizia ora.

Importa il primo progetto e ottieni un archivio reskin esportato in pochi minuti, senza scrivere codice.