search-ui

Generate documentation for scalable Search UI architecture in Jetpack Compose Android apps.

49|3|Updated Nov 7, 2025
One-click install
npx skills add https://github.com/mrndstvndv/Search --skill search-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: search-ui
Source: https://github.com/mrndstvndv/Search/tree/main/.opencode/skill/search-ui
Command: npx skills add https://github.com/mrndstvndv/Search --skill search-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a blueprint for designing and documenting a scalable Search UI in Android apps using Compose, ensuring consistency across screens and settings modules.

Core Features & Use Cases

  • Compose-based component hierarchy (SearchTheme, MainActivity, SettingsActivity) to organize UI structure
  • Enum-based navigation pattern (no Navigation Component) for lightweight, explicit state transitions
  • Dynamic Material 3 theming with support for dark mode and optional dynamic colors
  • Reusable settings components (SettingsGroup, SettingsSwitch, SettingsSliderRow, SettingsNavigationRow) for consistent in-app configuration

Quick Start

Review the described component hierarchy and begin implementing the main screens and settings components accordingly.

Frequently Asked Questions about search-ui

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

FAQPage Schema
How do I design a scalable Search UI in Android using Jetpack Compose?

Design a scalable Search UI by organizing your Compose code into a component hierarchy with Screen, Theme, and Settings modules, ensuring structural consistency across your Android application.

What is the best navigation pattern for a lightweight Android Compose search interface?

An enum-based navigation pattern provides a lightweight approach for explicit state transitions in Compose, replacing the Navigation Component to manage search screen movements effectively.

Can I use Material 3 dynamic theming with my Compose search screens?

Yes, the architecture supports Material 3 theming with dark mode and optional dynamic colors, allowing your Compose search screens to adapt to user preferences seamlessly.

How do I build consistent in-app settings for an Android search application?

Build consistent settings using reusable Compose components like SettingsGroup, SettingsSwitch, SettingsSliderRow, and SettingsNavigationRow to standardize in-app configuration interfaces.

Does this Android search UI architecture require the Jetpack Navigation Component?

No, it uses an enum-based navigation pattern instead of the Jetpack Navigation Component, offering a lightweight alternative for explicit state transitions across search screens.

What components are needed to structure a Compose search UI hierarchy?

Structure the search UI hierarchy using components like SearchTheme, MainActivity, and SettingsActivity to organize the UI structure and separate search logic from configuration.