skills.rest
cloner93
cloner93COMMUNITY
Explore all skills by this author →
GitHub

core/common

Provide MVI architecture, theming, adaptive navigation, and reusable components for cross-platform clients.

46|5|Updated Aug 31, 2025
Search Tags:#theming#state management#ui components#ui development#adaptive navigation
One-click install
npx skills add https://github.com/cloner93/ExpenseShare --skill core-common
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: core/common
Source: https://github.com/cloner93/ExpenseShare/tree/main/core/common
Command: npx skills add https://github.com/cloner93/ExpenseShare --skill core-common

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires compose-*, material3-adaptive-*, navigation-compose, core/navigation, kotlinx-coroutines-core, lifecycle-viewmodel-compose, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The Skill unit provides shared UI infrastructure across platforms for ExpenseShare's client application, enhancing developer efficiency and UI consistency.

Core Features & Use Cases

  • MVI ViewModel: Establishes a consistent state management pattern.
  • App Theme: Offers configurable colors and typography, maintaining consistent brand experience.
  • Adaptive Navigation: Adapts to various device sizes, enhancing usability.
  • Reusable UI Components: Saves development time through shared components.

Quick Start

To initialize the shared UI components in a new platform-specific module, include the core/common module as a dependency in the platform's specific code.

Frequently Asked Questions about core/common

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

FAQPage Schema
How do I implement MVI architecture for UI state management in a cross-platform application?▼

MVI architecture for UI state management is provided through lifecycle ViewModel components, establishing a consistent state management pattern across cross-platform client applications.

How do I set up adaptive navigation that works across different device sizes?▼

Adaptive navigation adapts to various device sizes using navigation-compose and material3-adaptive libraries, enhancing usability across different screen dimensions in cross-platform clients.

Can I use compose libraries to share UI components across multiple platforms?▼

Yes, compose libraries enable sharing reusable UI components across platforms by including the core module as a dependency in platform-specific code, saving development time.

What dependencies are required for theming and UI development with this MVI architecture?▼

Required dependencies include compose, material3-adaptive, navigation-compose, kotlinx-coroutines-core, and lifecycle-viewmodel-compose for theming and UI development.

Does the theming system support configurable colors and typography?▼

The theming system offers configurable colors and typography to maintain a consistent brand experience across cross-platform UI components.

Related Skills

Explore More Software Engineering Skills→
siddhantparadoxsiddhantparadox

compose-navigation

Implement type-safe navigation in Jetpack Compose with Navigation Compose.

Community
Intermediate
heaptracetechnologyheaptracetechnology
13

platform-adapt

Adapt a single codebase into native iOS and Android experiences with platform-specific navigation and UI.

Community
Advanced
maichanchinhmaichanchinh
1

mvi-activity

Implement MVI architecture for Android Activities with Jetpack Compose.

Community
Intermediate
shaharKeisarAppsshaharKeisarApps

compose-expert

Implement cross-platform UI components with Compose Multiplatform for Android, Desktop, and iOS.

Community
Advanced