skills.rest
meshtastic
meshtasticOFFICIAL
Explore all skills by this author →
Website𝕏@TheMeshtasticGitHub

compose-ui

Create adaptive Compose Multiplatform UI layouts for Meshtastic-Android.

1.8k|498|Updated Jan 20, 2020
Search Tags:#layout#UI#localization#adaptive#compose#multiplatform
One-click install
npx skills add https://github.com/meshtastic/Meshtastic-Android --skill compose-ui-meshtastic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: compose-ui
Source: https://github.com/meshtastic/Meshtastic-Android/tree/main/.skills/compose-ui
Command: npx skills add https://github.com/meshtastic/Meshtastic-Android --skill compose-ui-meshtastic

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It streamlines the creation of shared, adaptive user interfaces for Meshtastic-Android across desktop, mobile, and web, reducing development effort.

Core Features & Use Cases

  • UI Components & Layouts: Implements Material 3 adaptive design, multi-pane layouts, and platform-specific UI behaviors for seamless user experience.
  • Dialogs & Alerts: Provides centralized dialog management to prevent duplicate popups and manages unimplemented feature placeholders.
  • Strings & Resources: Ensures consistent, localized string handling using multiplatform resources with strict formatting rules to support various UI scenarios.
  • Platform Customization: Uses dependency injection and composition locals for platform-specific features, supporting desktop or mobile implementations.
  • Quick Start: Use the compose-ui Skill to create a responsive layout that adapts to various screen sizes on Android and desktop platforms.

Frequently Asked Questions about compose-ui

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

FAQPage Schema
How do I build an adaptive UI layout for Compose Multiplatform across Android and desktop?▼

Compose Multiplatform adaptive UI layouts use Material 3 design and multi-pane layouts to ensure interfaces respond seamlessly across Android and desktop screen sizes.

What is the best way to manage dialogs and alerts in a shared Android and desktop UI?▼

Centralized dialog management in a shared UI prevents duplicate popups and handles unimplemented feature placeholders consistently across Android and desktop platforms.

How do I handle localized strings and resources in a Compose Multiplatform project?▼

Localized strings in Compose Multiplatform are managed using multiplatform resources with strict formatting rules, ensuring consistent localized string handling across various UI scenarios.

Can I implement platform-specific behavior for desktop and mobile using dependency injection in Compose?▼

Yes, you can implement platform-specific behavior in Compose by using dependency injection and composition locals to support distinct desktop or mobile implementations within a shared UI.

Does this adaptive UI approach support web platforms alongside mobile and desktop?▼

Yes, this adaptive UI approach supports web platforms alongside mobile and desktop, streamlining the creation of shared user interfaces across all three environments with cohesive platform-specific behaviors.

Related Skills

Explore More Personal & Entrepreneur Skills→
huneyolivhuneyoliv
1

kotlin-ui-compose-multiplatform

Review Compose Multiplatform UI code for best practices and testability.

Community
Advanced
intraleintrale

desktop-dev

Develop native desktop apps with Kotlin and Compose Multiplatform.

Official
Intermediate
shirulotshirulot

adaptive

Implement adaptive Android UI layouts with Jetpack Compose and Material 3.

Community
Advanced
cedric-champeixcedric-champeix
1

kotlin-ui-compose-multiplatform

Design, implement and review shared Compose UI with state-driven architecture and previewable common code.

Community
Advanced