What problem does it solve?
This Skill helps developers adhere to best practices for designing, implementing, and reviewing shared UI in Compose Multiplatform projects, ensuring state-driven architecture, composable decomposition, and adaptive behavior.
Core Features & Use Cases
- State-Driven UI: Ensures UI renders from explicit immutable state and is driven by state instead of imperative mutation.
- Compose Decomposition: Promotes clear and modular composable structures for reusable UI components.
- Adaptive Layouts: Reviews UI for adaptability across different window sizes and platforms.
- Previewability: Assesses the ease of previewing shared UI components in common code.
- Accessibility and Semantics: Ensures content structure is understandable for accessibility services.
- Shared vs. Platform Boundary: Maintains platform-agnostic shared composables and platform-specific UI separation.
- Testability: Validates that shared UI behavior can be tested in common tests.
Quick Start
Run the skill on your Compose Multiplatform project to review and ensure adherence to best practices.