compose-skill

Guide Compose app architecture, state, navigation, and cross-platform patterns.

275|20|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/Meet-Miyani/compose-skill --skill compose-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: compose-skill
Source: https://github.com/Meet-Miyani/compose-skill/tree/main
Command: npx skills add https://github.com/Meet-Miyani/compose-skill --skill compose-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Jetpack Compose and Compose Multiplatform projects often suffer from inconsistent architectures, scattered state management, and fragmented cross-platform practices. This Skill provides AI agents with a production-grade mental model of the full Compose lifecycle, including architecture, state, navigation, data, performance, accessibility, and cross-platform concerns.

Core Features & Use Cases

  • Architecture guidance: supports MVI vs MVVM decisions, domain boundaries, and modularization patterns for CMP.
  • End-to-end guidance: from UI rendering and navigation to data flow, DI, and testing across Android, iOS, Desktop, and Web targets.
  • Best practices & anti-patterns: detects common anti-patterns, offers concrete fixes, and aligns with the project’s existing conventions.

Quick Start

Ask your AI agent for architecture guidance to apply Compose and CMP patterns to your current project.

Frequently Asked Questions about compose-skill

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

FAQPage Schema
What is the best way to structure a Compose Multiplatform app architecture?

Structuring a Compose Multiplatform app involves enforcing MVI or MVVM patterns, defining clear domain boundaries, and applying modularization patterns to ensure consistent state management and cross-platform sharing.

How do I manage state and navigation across Android and iOS in Compose Multiplatform?

You manage cross-platform state and navigation by applying a production-grade mental model of the Compose lifecycle, ensuring end-to-end data flow, dependency injection, and consistent UI rendering across Android, iOS, Desktop, and Web targets.

What are common anti-patterns in Jetpack Compose app development?

Common anti-patterns in Jetpack Compose include scattered state management and fragmented cross-platform practices, which can be detected and fixed by aligning your project with established architectural conventions and best practices.

When should I choose MVI over MVVM for my Compose app?

You should choose MVI over MVVM when your Compose app requires strict unidirectional data flow and predictable state rendering, utilizing architectural guidance to evaluate domain boundaries and project-specific conventions.

Does Compose Multiplatform support cross-platform sharing for desktop and web targets?

Yes, Compose Multiplatform supports cross-platform sharing across Android, iOS, Desktop, and Web targets, providing end-to-end guidance for UI rendering, data flow, and build distribution patterns.