android-compose-components

What problem does it solve?

This Skill unit addresses the common challenges in developing robust and maintainable UI components for Android using Jetpack Compose, ensuring adherence to best practices and design systems.

Core Features & Use Cases

• Composable Function Creation: Guidelines for creating reusable and testable composable functions.
• Parameter Design: Techniques for passing only necessary parameters to composable functions.
• IconButton Wrapping: Best practices for using IconButton for clickable icons.
• Project Icon Object: Recommendations for using project-specific icons over Material Icons.
• Sizing: Strategies for relative sizing to ensure component flexibility.
• Colors from Theme: Usage of theme colors for consistency across themes.
• Design System Reuse: Reusing existing composables from the design system for consistency.
• Design System Components: Building custom design system components with Material 3 as the base.
• Slot Composables: Using slots for flexible content areas in design system components.
• Component Decomposition: Extracting sub-composables for better reusability.
• Modifier Extensions: Creating modifier extensions that are not tied to composition.
• Previews: Creating previews for all distinct states of a component.
• String Resources: Using string resources for user-facing text for localization.
• Animations: Ensuring animations are efficient and do not cause recompositions.
• Effect Handlers: Avoiding unnecessary effect handlers within components.
• Accessibility: Implementing meaningful content descriptions for accessibility.
• Checklist: A comprehensive checklist for building new components.

Quick Start

To create a custom IconButton with a specific icon and content description, use the android-compose-components skill and follow the parameter design guidelines.