kpkn-pwa-to-kotlin-migrator

Migrate KPKN PWA features into the native Kotlin/Compose Android app.

Updated Feb 19, 2026
One-click install
npx skills add https://github.com/rotnitxe/KPKNFit --skill kpkn-pwa-to-kotlin-migrator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: kpkn-pwa-to-kotlin-migrator
Source: https://github.com/rotnitxe/KPKNFit/tree/main/kpkn-pwa-to-kotlin-migrator
Command: npx skills add https://github.com/rotnitxe/KPKNFit --skill kpkn-pwa-to-kotlin-migrator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

It helps teams port KPKN features from the PWA into the native Kotlin/Compose Android app while preserving the product’s behavior, math, and user outcomes.

Core Features & Use Cases

  • Translate, do not clone: preserve intent, invariants, and information hierarchy instead of copying React/web scaffolding into Compose.
  • Choose the right migration slice: supports logic-first, workflow-first, UI-translation, and integration-first ports with guidance on what to preserve vs adapt.
  • Map source concepts to Android landing zones: directs business logic to domain/, orchestration/state to data/repository/ + ViewModel/StateFlow, screens to screens/, and flow wiring to navigation/.
  • Reduce web leakage and risk: includes rules to avoid React/web mental models and recommends validation steps (compile, targeted unit tests, and representative parity checks).

Quick Start

Use this skill when you need to migrate a specific KPKN PWA feature into the native Android codebase under android-native/ while keeping formulas, thresholds, state semantics, and user flows consistent.

Frequently Asked Questions about kpkn-pwa-to-kotlin-migrator

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

FAQPage Schema
How do I migrate PWA logic to Kotlin without cloning web code into Jetpack Compose?

To migrate PWA logic to Kotlin without cloning web code, you must translate product intent and invariants rather than copying React scaffolding into Jetpack Compose. This approach preserves business rules while redesigning interactions to be Android-native.

What is the best way to map PWA state management to Android StateFlow and ViewModel?

Mapping PWA state to Android StateFlow involves directing orchestration and state semantics into data/repository layers and ViewModels. This ensures state management is adapted to native Android patterns instead of retaining web mental models.

How do I plan a PWA to Android migration slice for a specific feature?

Planning a PWA to Android migration slice requires choosing between logic-first, workflow-first, UI-translation, or integration-first approaches. You make explicit preserve-vs-adapt decisions to maintain formulas, thresholds, and user flows consistently.

Does migrating PWA features to native Android require rewriting navigation and domain logic?

Migrating PWA features to native Android requires redirecting domain logic to domain directories and flow wiring to navigation layers. This structural mapping prevents web leakage and ensures features integrate correctly within the native Android codebase.

What validation steps are needed after porting a PWA feature to Kotlin?

Validation after porting a PWA feature to Kotlin requires compiling the project, running targeted unit tests, and executing representative parity checks. These steps verify that critical outcomes and math match the original PWA behavior.