skills.rest
Sermilion
SermilionCOMMUNITY
Explore all skills by this author →
GitHub

bill-kmp-code-review-ui

Review Kotlin Multiplatform Compose UI changes for state hoisting, theming, and accessibility.

13|1|Updated Mar 16, 2026
Search Tags:#theming#accessibility#code-review#compose#kmp#ui-review#state-hoisting
One-click install
npx skills add https://github.com/Sermilion/skill-bill --skill bill-kmp-code-review-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bill-kmp-code-review-ui
Source: https://github.com/Sermilion/skill-bill/tree/main/platform-packs/kmp/code-review/bill-kmp-code-review-ui
Command: npx skills add https://github.com/Sermilion/skill-bill --skill bill-kmp-code-review-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Canonical guidance for reviewing and building KMP UI surfaces to ensure Compose best practices, including state hoisting, correct recomposition, slot-based APIs, accessibility, theming, string resources, and previews are consistently applied.

Core Features & Use Cases

  • Enforces state hoisting, proper recomposition handling, slot-based APIs, accessibility, theming, string resources, preview annotations, and official UI framework guidelines.
  • Use when evaluating Compose UI changes in KMP projects, ensuring UI correctness and design-system alignment.
  • Typical scenarios include code reviews, design-guided UI improvements, and consistency checks across platform surfaces.

Quick Start

Review the provided KMP Compose changes using the guided bill-kmp-code-review-ui workflow to ensure state hoisting, proper recomposition, and accessibility.

Frequently Asked Questions about bill-kmp-code-review-ui

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

FAQPage Schema
How do I review Compose UI changes in a Kotlin Multiplatform project?▼

Reviewing Compose UI changes in a KMP project involves analyzing state hoisting, recomposition handling, slot-based APIs, theming, and accessibility to ensure UI correctness and design-system alignment across platform surfaces.

What are the best practices for state hoisting in Kotlin Multiplatform Compose?▼

State hoisting in Kotlin Multiplatform Compose involves separating state from composable functions to enforce unidirectional data flow. Proper implementation prevents UI defects and ensures correct recomposition across shared platform surfaces.

How do I check accessibility and theming in KMP Compose code reviews?▼

Checking accessibility and theming in KMP Compose code reviews requires evaluating string resources, preview annotations, and slot-based APIs. This enforces official UI framework guidelines and ensures consistent design-system application.

Does this KMP UI review guidance cover slot-based APIs and previews?▼

Yes, this KMP UI review guidance covers slot-based APIs and preview annotations. It evaluates these components during code reviews to enforce canonical Compose practices and prevent UI defects across Kotlin Multiplatform projects.

When do I need canonical Compose UI review guidance for KMP projects?▼

You need canonical Compose UI review guidance for KMP projects during code reviews, design-guided UI improvements, and consistency checks. It ensures proper recomposition, state hoisting, and accessibility alignment across platform surfaces.

Related Skills

Explore More Software Engineering Skills→
pddhktpddhkt
1

reflect

Capture session learnings and prepare commit-ready updates for the kotlin-kmp-skills repository.

Community
Advanced
supertyrellesupertyrelle

bug

Extract artifact, symptom, repro steps, expected behavior, and severity into structured bug reports.

Community
Advanced
vinitgirdharvinitgirdhar

compose-multiplatform-patterns

Standardize Compose Multiplatform UI patterns for Kotlin projects across Android, iOS, Desktop, and Web.

Community
Intermediate
felipebrgs1felipebrgs1

compose-expert

Build shared Jetpack Compose Multiplatform UI components with state management and Material3 theming.

Community
Advanced