skills.rest
ShawnRn
ShawnRnCOMMUNITY
Explore all skills by this author →
GitHub

smartdash-overlay-dialog

Enforce SmartDash overlay dialog design rules for new or updated UI components.

1|Updated Apr 3, 2026
Search Tags:#ui#android#compose#dialog#overlay#smartdash
One-click install
npx skills add https://github.com/ShawnRn/SmartDash-by-Shawn-Rain --skill smartdash-overlay-dialog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: smartdash-overlay-dialog
Source: https://github.com/ShawnRn/SmartDash-by-Shawn-Rain/tree/main/.agents/skills/smartdash-overlay-dialog
Command: npx skills add https://github.com/ShawnRn/SmartDash-by-Shawn-Rain --skill smartdash-overlay-dialog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It prevents inconsistent dialog styles and UX deviations by enforcing SmartDash‑specific overlay design rules across the app.

Core Features & Use Cases

  • Entry placement: Guarantees “About” entries appear at the bottom of settings.
  • Container geometry: Enforces constrained width/height, appropriate insets, and balanced content layout.
  • Icon handling: Maintains aspect ratio with ContentScale.Fit and proper padding.
  • Unified motion: Applies the same entry and dismiss animations as existing speed, ride‑record, and ride‑detail overlays.
  • Predictive back integration: Reuses SmartDash back‑gesture motion for smooth dismissal.
  • Blur backdrop: Implements baseline blur effects for visual consistency. Use cases include creating new settings pop‑ups, update dialogs, custom bottom sheets, or fullscreen detail layers that must match existing SmartDash UI patterns.

Quick Start

Run the smartdash-overlay-dialog skill to ensure my new overlay dialog follows SmartDash design rules.

Frequently Asked Questions about smartdash-overlay-dialog

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

FAQPage Schema
How do I standardize overlay dialog design in my Android Compose app?▼

Standardize overlay dialog design by enforcing consistent entry placement, constrained geometry, unified motion, and blur backdrop rules across new and updated dialogs. This ensures UI patterns match existing SmartDash overlay components.

What is the correct placement for an About popup in Android settings?▼

The correct placement for an About popup is at the bottom of the settings menu. Enforcing this entry placement rule prevents inconsistent dialog styles and UX deviations across the application.

How do I apply predictive back gesture integration to bottom sheets in Compose?▼

Apply predictive back gesture integration to bottom sheets by reusing SmartDash back-gesture motion for smooth dismissal. This provides consistent entry and dismiss animations matching existing speed and ride-detail overlays.

How do I maintain icon aspect ratio in Android Compose dialogs?▼

Maintain icon aspect ratio in dialogs by applying ContentScale.Fit with proper padding. This icon handling rule ensures balanced content layout within constrained container geometry.

Does this overlay dialog skill work with fullscreen detail layers?▼

Yes, this skill works with fullscreen detail layers, bottom sheets, centered overlays, and update popups. It imposes appropriate insets, constrained width and height, and baseline blur effects for visual consistency.

Related Skills

Explore More Software Engineering Skills→
gokulkrishhgokulkrishh
3

motion-base-ui

Animate Base UI components in React using motion/react and the render prop.

Community
Intermediate
MengToMengTo
4.5k

progressive-blur

Generates layered progressive blur overlays with backdrop-filter masks for web pages.

Community
Basic
Vantoan252003Vantoan252003

ride/data

Implement ride data operations and JSON-to-entity mapping for /ride endpoints.

Community
Intermediate
emilyLi2020emilyLi2020
2

Expo UI Jetpack Compose

Integrate Jetpack Compose components and Material Design 3 into Expo SDK 55 Android builds.

Community
Intermediate