smartdash-overlay-dialog
CommunityStandardize SmartDash overlay dialogs and sheets
AuthorShawnRn
Version1.0.0
Installs0
System Documentation
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.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: smartdash-overlay-dialog Download link: https://github.com/ShawnRn/SmartDash-by-Shawn-Rain/archive/main.zip#smartdash-overlay-dialog Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.