compose-ui

Name: compose-ui
Availability: InStock
Author: Meshtastic

Create adaptive Compose Multiplatform UI layouts for Meshtastic-Android.

1.8k|498|Updated Jan 20, 2020

Search Tags:#layout #UI #localization #adaptive #compose #multiplatform

Ready to run

npx skills add https://github.com/meshtastic/Meshtastic-Android --skill compose-ui-meshtastic

💬 Prompt for ChatGPT / Claude Chat▼

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.