skills.rest
msriv
msrivCOMMUNITY
Explore all skills by this author →
Website𝕏@msrivastava574GitHub

mobile-ui-scaffold

Generate Kotlin/Jetpack Compose and SwiftUI screen scaffolds with MVVM structure.

Updated Mar 28, 2026
Search Tags:#architecture#mobile#android#jetpack-compose#swiftui#ui-scaffold
One-click install
npx skills add https://github.com/msriv/maintenance-tracker --skill mobile-ui-scaffold
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ui-scaffold
Source: https://github.com/msriv/maintenance-tracker/tree/main/.claude/skills/mobile-ui-scaffold
Command: npx skills add https://github.com/msriv/maintenance-tracker --skill mobile-ui-scaffold

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generating boilerplate code for mobile screens and UI components across Android (Jetpack Compose) and iOS (SwiftUI) can be time-consuming and error-prone. This skill automates scaffold creation to accelerate UI development and ensure consistency.

Core Features & Use Cases

  • Android output: Jetpack Compose screen scaffolds, ViewModel wiring, Material 3 theming, and navigation setup.
  • iOS output: SwiftUI screen scaffolds, basic MVVM-like structure, and previews integration.
  • Accessibility and UI state scaffolding: ensures accessible components and common states (loading, error, empty) with sample data.
  • Project structure: produces a ready-to-run, organized directory layout for new screens.

Quick Start

Provide the screen name and target platform to generate a ready-to-run Android and iOS UI scaffold.

Frequently Asked Questions about mobile-ui-scaffold

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

FAQPage Schema
How do I generate Jetpack Compose screen scaffolds with MVVM architecture?▼

You can generate Jetpack Compose screen scaffolds with MVVM architecture by specifying the screen name and Android platform, producing ViewModel wiring, Material 3 theming, navigation setup, and ready-to-run project structures.

What's the best way to scaffold SwiftUI screens with basic MVVM structure?▼

Scaffolding SwiftUI screens with basic MVVM-like structure is best done by automating template generation, which outputs screen scaffolds, view model wiring, and integrated previews to accelerate iOS UI creation.

Can I scaffold loading, error, and empty UI states for mobile screens?▼

Yes, you can scaffold loading, error, and empty UI states for mobile screens. The generation process includes UI state handling and sample data to ensure accessible components across common mobile patterns.

Does the mobile UI scaffold generator support both Android and iOS platforms?▼

Yes, the mobile UI scaffold generator supports both Android and iOS platforms, producing platform-specific Kotlin templates for Jetpack Compose and Swift templates for SwiftUI to accelerate cross-platform screen creation.

How do I set up Material 3 theming and navigation when creating new Android screens?▼

You can set up Material 3 theming and navigation when creating new Android screens by using the scaffold generator, which configures Jetpack Compose templates with ready-to-run directory layouts and ViewModel wiring.

Related Skills

Explore More Software Engineering Skills→
OMIXECOMIXEC
1

mobile-development

Generate mobile development learning paths, technical stacks, and deployment checklists.

Community
Advanced
randrand
126

discover-zig

Discover and load relevant Zig skills and workflows during development tasks.

Community
Basic
shirulotshirulot

android-kotlin

Standardize Android app development with Kotlin, Jetpack Compose, and Hilt.

Community
Advanced
Dragoon0xDragoon0x
4

forge

Generate standards-compliant dragoon skill scaffolds with SKILL.md, script stubs, and tests.

Community
Intermediate