android-development

SKILL.md

Required Plugins

Superpowers plugin: MUST be active for all work using this skill. Use throughout the entire build pipeline — design decisions, code generation, debugging, quality checks, and any task where it offers enhanced capabilities. If superpowers provides a better way to accomplish something, prefer it over the default approach.

Android Development Standards

Production-grade Android development standards for AI-assisted implementation. Kotlin-first with Jetpack Compose, following modern Android best practices.

Core Stack: Kotlin 100% | Jetpack Compose (default UI toolkit) | MVVM + Clean Architecture | Hilt DI Min SDK: 29 (Android 10) | Target SDK: 35 (Android 15) Compatibility: Must run flawlessly on BOTH the minSdk (oldest supported) AND the latest stable Android release Reference App: Now in Android - Google's official sample demonstrating these standards in a production-quality codebase

When to Use

  • Building new Android applications or features
  • Reviewing Android code for quality and standards compliance
  • Generating Kotlin/Compose code via AI agents
  • Setting up Android project structure
  • Implementing security, testing, or performance patterns
  • Integrating with REST APIs from Android clients

Backend Environments

Android apps connect to a PHP/MySQL backend deployed across three environments:

Environment Base URL Pattern Database Notes
Development http://{LAN_IP}:{port}/DMS_web/api/ MySQL 8.4.7 (Windows WAMP) Use host machine's LAN IP, not localhost
Staging https://staging.{domain}/api/ MySQL 8.x (Ubuntu VPS) For QA and testing
Production https://{domain}/api/ MySQL 8.x (Debian VPS) Live users

Configure base URLs using build flavors (dev, staging, prod) so the app targets the correct backend per build variant. All backends use utf8mb4_unicode_ci collation and MySQL 8.x.

Quick Reference

Topic Reference File Covers
Project Structure references/project-structure.md Directory layout, module organization
Kotlin Conventions references/kotlin-conventions.md Coding style, Compose patterns
Architecture references/architecture-patterns.md MVVM, Clean Architecture layers
Dependency Injection references/dependency-injection.md Hilt modules, scoping, ViewModel injection
Security references/security.md Encrypted storage, biometrics, network security
UI Design System references/ui-design-system.md Tokens, components, Material 3
Screen Patterns references/screen-patterns.md Complete screen templates, state handling
Testing references/testing.md Unit, UI, instrumentation tests
Build Configuration references/build-configuration.md Gradle KTS, dependencies, build types
API Integration references/api-integration.md Retrofit, error handling, repository pattern
Analytics & Performance references/analytics-performance.md Firebase, monitoring, optimization
AI Agent Guidelines references/ai-agent-guidelines.md Prompt templates, quality checklists

Architecture Overview

Presentation Layer (Compose + ViewModels)
         |
    Domain Layer (Use Cases + Repository Interfaces)
         |
    Data Layer (Repository Impl + API + Room)

Layer Rules

  1. Presentation depends on Domain only
  2. Domain has no Android dependencies (pure Kotlin)
  3. Data implements Domain interfaces, handles API/DB

Package Structure

com.company.app/
  core/          # Shared: DI, models, repositories, utils
  data/          # Room DB, API services, data sources
  presentation/  # Screens, ViewModels, components, navigation
  theme/         # Design system tokens

Key Standards Summary

Kotlin

  • 100% Kotlin, no Java for new code
  • Coroutines + Flow for async (never callbacks)
  • Sealed classes for UI state modeling
  • Extension functions for utility code

Compose

  • Jetpack Compose is the default UI toolkit for all new screens
  • Views are allowed only for legacy interop or third-party View-only SDKs
  • Stateless composables preferred (state hoisted to ViewModel)
  • LaunchedEffect for side effects, never in composition
  • collectAsStateWithLifecycle() for Flow collection
  • Stable keys for LazyColumn/LazyRow items
  • Adaptive layouts mandatory — use WindowSizeClass for phone/tablet/foldable
  • Material 3 adaptive library: androidx.compose.material3.adaptive:adaptive

Custom PNG Icons (Required)

  • Use custom PNG icons only; do not use icon libraries
  • Use painterResource(R.drawable.<name>) or @drawable/<name>
  • Maintain PROJECT_ICONS.md in the project root

Follow the android-custom-icons skill for naming, directory rules, and tracking.

Charting (Vico Standard)

  • Use Vico for all charting needs (line, bar, column, candle, etc.)
  • Prefer the Compose module for new screens; use Views only when required
  • Always follow the official guide for setup and current versions
  • Reference the Vico sample module for patterns and styling

Report Tables (25+ Rows)

  • Any report that can exceed 25 rows must render as a table, not cards
  • Follow the android-report-tables skill for table-first patterns

Three Build Variants (Mandatory)

Every Android app MUST have exactly 3 build variants. This is non-negotiable.

Variant Purpose APK Name Minified Install Target
debug (dev) Local development {AppName}-dev-{version}.apk No Emulator (default)
staging QA / pre-production {AppName}-staging-{version}.apk Yes (R8) Emulator (on request)
release (prod) Production / Play Store {AppName}-prod-{version}.apk Yes (R8) Device (manual)

Rules:

  1. User must provide the staging and production API URLs for each project. Debug always points to the local dev server (http://10.0.2.2/... for emulator or the host LAN IP).
  2. Every build command MUST build all 3 APKs: ./gradlew assembleDebug assembleStaging assembleRelease
  3. After building, always install the dev APK to the connected emulator: ./gradlew installDebug
  4. If the user explicitly asks to test staging, install staging instead: ./gradlew installStaging
  5. APK naming uses a consistent prefix per app (e.g., DMS-dev-1.0.0.apk, DMS-staging-1.0.0.apk, DMS-prod-1.0.0.apk). Configure via applicationVariants.all in build.gradle.kts.
  6. Staging inherits from release (R8 enabled, resource shrinking) but uses the debug signing config so it can be installed alongside dev on the same device.
  7. ProGuard rules must strip Log.v, Log.d, Log.i, and println from staging and release builds.
  8. Never hardcode API URLs — always use BuildConfig.API_BASE_URL (or similar) set per build type.

See references/build-configuration.md for the complete Gradle setup.

Device & Android Version Compatibility (CRITICAL)

Our apps MUST work for the few people still holding older devices, but MUST ALSO WORK for those with newer/latest devices. Never test only on one Android version.

Mandatory rules:

  1. enableEdgeToEdge() is REQUIRED — Call it in MainActivity.onCreate() before super.onCreate(). Android 15 (API 35) enforces edge-to-edge for apps targeting SDK 35. Without it, the app crashes immediately on Android 15 devices. This is non-negotiable.
  2. Do NOT set window.statusBarColor directly — It is deprecated and conflicts with edge-to-edge. Let enableEdgeToEdge() handle system bar colors. Only control light/dark icon appearance via WindowCompat.getInsetsController().isAppearanceLightStatusBars.
  3. Test on at least two Android versions — Always verify on both the minSdk emulator (Android 10) AND a recent Android (14/15) emulator or device before shipping.
  4. Guard version-specific APIs — When using APIs added after minSdk, wrap them in if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.X) checks.
  5. Keep targetSdk current — Target the latest stable SDK (currently 35). Do not lag behind — Google Play requires recent targetSdk and newer Android versions enforce stricter behavior for apps that target them.
  6. Use AppCompatActivity when locale switching is needed (AppCompatDelegate.setApplicationLocales()). Otherwise prefer ComponentActivity for pure Compose apps.

Correct MainActivity pattern:

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        installSplashScreen()  // Before super
        enableEdgeToEdge()     // Before super — MANDATORY for targetSdk 35
        super.onCreate(savedInstanceState)
        setContent { ... }
    }
}

Security

  • EncryptedSharedPreferences for sensitive data
  • Certificate pinning for API calls — NEVER use placeholder pins (they cause SSLPeerUnverifiedException). Extract real SHA-256 pins from servers using openssl before enabling. See references/security.md for the extraction command.
  • For Let's Encrypt servers: always pin the intermediate CA (stable) alongside the leaf pin. Leaf pins rotate every 90 days on auto-renewal; intermediate CA pins survive renewals.
  • Use ENABLE_CERT_PINNING BuildConfig flag: false for dev, true for staging/prod
  • Pin ALL server domains the app connects to (both staging AND production)
  • Biometric authentication for sensitive operations
  • No hardcoded secrets, use BuildConfig fields
  • ProGuard/R8 for release builds

Testing

  • Unit tests for ViewModels and Use Cases (MockK)
  • Compose UI tests for screens (ComposeTestRule)
  • Turbine for Flow testing
  • Hilt test rules for DI in tests

Performance

  • StrictMode in debug builds
  • Stable keys in lazy lists
  • derivedStateOf for expensive calculations
  • Image loading via Coil with caching
  • ProGuard + resource shrinking in release

Local Development Networking (WAMP)

  • When developing on a local machine (Windows WAMP or Ubuntu), the Android emulator must reach the backend via the host machine's static LAN IP, not localhost.
  • Always document the static IP in dev setup notes and use it for BASE_URL in the Android dev build.
  • Verify firewall rules allow inbound connections to the WAMP HTTP port.

Google Play Review Readiness

  • Use the google-play-store-review skill before Play Console submission.
  • Keep targetSdk current and background work compliant.
  • Ensure Data Safety form matches SDKs and permissions.
  • Provide a public privacy policy and link it in-app.
  • Validate ads and IAP flows for transparency and user control.

Mandatory Theme Appearance Setting

Every Android app MUST include a theme appearance selector in its Tools/Settings section. This is a non-negotiable standard — users must be able to control the app's visual theme.

Requirements:

  1. Three options: System default (follows device setting), Light, Dark
  2. Default: System default — always respect the user's device-wide preference
  3. Location: Tools or Settings hub screen, under an "Appearance" section
  4. Persistence: Store in SharedPreferences (not encrypted — non-sensitive)
  5. Reactivity: Theme changes apply instantly without app restart (use StateFlow)

Implementation pattern:

// 1. ThemePreferences.kt (data/local/prefs/)
enum class ThemeMode(val key: String, val label: String) {
    SYSTEM("system", "System default"),
    LIGHT("light", "Light"),
    DARK("dark", "Dark");
    companion object {
        fun fromKey(key: String): ThemeMode =
            entries.firstOrNull { it.key == key } ?: SYSTEM
    }
}

@Singleton
class ThemePreferences @Inject constructor(
    @ApplicationContext context: Context
) {
    private val prefs = context.getSharedPreferences("theme_prefs", Context.MODE_PRIVATE)
    private val _themeMode = MutableStateFlow(loadThemeMode())
    val themeMode: StateFlow<ThemeMode> = _themeMode.asStateFlow()

    private fun loadThemeMode(): ThemeMode =
        ThemeMode.fromKey(prefs.getString("theme_mode", "system") ?: "system")

    fun setThemeMode(mode: ThemeMode) {
        prefs.edit().putString("theme_mode", mode.key).apply()
        _themeMode.value = mode
    }
}

// 2. MainActivity.kt — resolve ThemeMode to darkTheme boolean
val themeMode by themePreferences.themeMode.collectAsState()
val darkTheme = when (themeMode) {
    ThemeMode.SYSTEM -> isSystemInDarkTheme()
    ThemeMode.LIGHT -> false
    ThemeMode.DARK -> true
}
AppTheme(darkTheme = darkTheme) { /* content */ }

// 3. Tools/Settings screen — FilterChip row for selection
ThemeMode.entries.forEach { mode ->
    FilterChip(
        selected = selected == mode,
        onClick = { viewModel.setThemeMode(mode) },
        label = { Text(mode.label) },
        leadingIcon = if (selected == mode) { { Icon(Icons.Default.Check, null) } } else null
    )
}

Phase 1 Bootstrap Pattern (SaaS Mobile Apps)

When building a native Android app for an existing SaaS backend, always implement Phase 1 first: Login + Dashboard + Empty Tabs. This is the mandatory starting point before any business features.

Phase 1 Delivers

  1. JWT Auth — Login/logout, token refresh with rotation, breach detection, encrypted storage
  2. Dashboard — Real KPI stats, offline-first Room caching, pull-to-refresh, shimmer loading
  3. 5-Tab Navigation — Bottom bar with max 5 tabs, placeholder screens for future features
  4. Full Infrastructure — Hilt DI, Retrofit interceptor chain, Room DB, Material 3 theme, network monitor
  5. 40+ Unit Tests — ViewModels, Use Cases, Repositories, Interceptors all tested

Why Phase 1 First

  • Proves the entire vertical slice (Compose UI → ViewModel → UseCase → Repo → Retrofit → PHP → MySQL)
  • Establishes all reusable infrastructure patterns
  • Gives user a working installable app immediately
  • Uncovers backend integration issues early

See android-saas-planning skill for the complete Phase 1 plan template.

Anti-Patterns

  • Putting business logic in Composables
  • Using mutableStateOf in ViewModels instead of StateFlow
  • Hardcoding colors/dimensions instead of design tokens
  • Skipping error states in UI
  • Network calls on main thread
  • Missing key parameter in LazyColumn items
  • God ViewModels (split by feature, not by screen)
  • Ignoring lifecycle (use collectAsStateWithLifecycle)
  • Building phone-only UIs — all screens must adapt to tablets/foldables
  • Using hardcoded isTablet() checks instead of WindowSizeClass breakpoints
  • Missing enableEdgeToEdge() — causes immediate crash on Android 15 devices
  • Setting window.statusBarColor directly — deprecated, conflicts with edge-to-edge
  • Testing only on one Android version — must verify on both old (minSdk) and new (latest) devices

Integration with Other Skills

feature-planning           -> spec + implementation strategy
  |
android-development        -> Kotlin/Compose implementation
  |
google-play-store-review   -> Play policy and submission readiness
  |
api-error-handling         -> Backend API error patterns
  |
mysql-best-practices       -> Database schema (backend)
  |
vibe-security-skill        -> Security review

Always apply vibe-security-skill alongside this skill for web-connected Android apps. Use google-play-store-review when preparing Play Console submissions.

Reference Implementations

Google maintains three official reference repos. Use them as canonical examples:

Now in Android (github.com/android/nowinandroid)

Full production-quality app. Use for: multi-module architecture, convention plugins, offline-first (Room + network sync), Hilt across modules, version catalogs, Gradle KTS build config.

Architecture Samples (github.com/android/architecture-samples)

Layered architecture TODO app. Use for: MVVM pattern clarity, Repository pattern with dual data sources, single-activity navigation with Compose, product flavors (mock/prod), comprehensive test suite (unit + integration + E2E), clean separation of concerns.

Compose Samples (github.com/android/compose-samples)

Collection of focused Compose apps. Use for specific UI patterns:

Sample Use For
JetNews Material app structure, theming, Compose testing
Jetchat Material 3, dynamic colors, navigation, state management
Jetsnack Custom design systems, layouts, animations
Jetcaster Redux-style architecture, dynamic theming, Room, coroutines
Reply Adaptive UI (phone/tablet/foldable), Material 3
JetLagged Custom layouts, graphics, Canvas/Path drawing

When in doubt about how to implement something, check these repos first.

Weekly Installs
22
GitHub Stars
3
First Seen
Feb 17, 2026
Installed on
opencode21
github-copilot21
codex21
kimi-cli21
gemini-cli21
amp21