skills.rest
niltsiar
niltsiarCOMMUNITY
Explore all skills by this author →
Website𝕏@niltsiarGitHub

kmp-compose-unstyled

Implement headless UI patterns for platform-native theming and accessibility in Kotlin Multiplatform Compose projects.

1|Updated Nov 26, 2025
Search Tags:#theming#accessibility#headless#design-systems#unstyled#platform-native#compose-multiplatform
One-click install
npx skills add https://github.com/niltsiar/kotlin_multiplatform_pokedex --skill kmp-compose-unstyled
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kmp-compose-unstyled
Source: https://github.com/niltsiar/kotlin_multiplatform_pokedex/tree/main/.agents/kmp-compose-unstyled
Command: npx skills add https://github.com/niltsiar/kotlin_multiplatform_pokedex --skill kmp-compose-unstyled

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Headless UI patterns for platform-native theming and accessibility enable building UX logic without enforcing visuals across Kotlin Multiplatform projects.

Core Features & Use Cases

  • Headless components power UX logic, state management, and accessibility without rendering UI
  • Platform-native theming via buildPlatformTheme for consistent look across Android, iOS, and Desktop
  • Reusable design-system patterns and tokens across features like lists, forms, and navigation
  • Accessibility-first patterns including focus management, keyboard navigation, and size targets
  • Integration with KMP design-system modules for cohesive UI architectures

Quick Start

Create a platform-native Unstyled theme using buildPlatformTheme and begin wrapping your screens with the headless primitives to implement UX logic.

Frequently Asked Questions about kmp-compose-unstyled

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

FAQPage Schema
How do I implement headless UI patterns for unstyled design in Kotlin Multiplatform Compose?▼

You use headless primitives to handle UX logic, state management, and accessibility without enforcing visual rendering, applying buildPlatformTheme for consistent platform-native theming across Android, iOS, and Desktop.

What are headless components in Compose Multiplatform design systems?▼

Headless components in Compose Multiplatform design systems power UX logic, state management, and accessibility without rendering UI themselves, enabling reusable design-system tokens across features like lists, forms, and navigation.

Can I use buildPlatformTheme for consistent theming across Android, iOS, and Desktop?▼

Yes, buildPlatformTheme provides platform-native theming for a consistent look across Android, iOS, and Desktop, allowing reuse of design-system tokens and headless components within Kotlin Multiplatform projects.

Does this approach provide accessibility-first patterns for keyboard navigation and focus management?▼

Yes, the approach specifies accessibility-first patterns including focus management, keyboard navigation, and size targets, ensuring logic-driven UX complies with accessibility standards without enforcing visual styles.

What is the best way to separate UX logic from visual rendering in Kotlin Multiplatform?▼

The best way to separate UX logic from visual rendering in Kotlin Multiplatform is applying headless UI patterns, which empower projects with logic-driven UX while leaving visual styling completely unstyled and platform-native.

Related Skills

Explore More Software Engineering Skills→
ClankerGuruClankerGuru

kotlin-multiplatform

Evaluate Kotlin Multiplatform adoption and module strategy across JVM, Android, iOS, and JS targets.

Community
Intermediate
daangndaangn
1.0k

react-headless-dev

Implement unstyled, logic-only React headless components and custom hooks with namespace exports.

Official
Advanced
smithisrealdevsmithisrealdev

mobile-ios-design

Guides native iOS app creation with SwiftUI, Human Interface Guidelines, and adaptive layouts.

Community
Intermediate
pproencapproenca
193

mui-base

Guide headless React component library development with MUI Base UI patterns.

Community
Advanced