This content originally appeared on DEV Community and was authored by Samarth Shendre
This is a submission for the AI Challenge for Cross-Platform Apps - Hot Design Showcase
What I Built
I built LifeHub, a cross-platform productivity and wellbeing assistant created using the Uno Platform.
It combines daily planning, habit tracking, mood logging, reminders, and quick-action widgets into a clean and responsive UI.
The entire interface was refined using the Hot Design Agent, which helped speed up UI experimentation and real-time adjustments.
Original Design Reference
I used a minimal card-based dashboard layout as the inspiration.
Key design elements I referenced:
- Soft neumorphic shadow style
- Rounded cards and panels
- Neutral and modern color palette
- Clean typography and spacing hierarchy
(Insert original UI screenshots here.)
Demo
- GitHub Repository: https://github.com/i-m-samarth-cs/Lifehub.git
- Live Preview: https://tinyurl.com/4rpjx7ut ### Application Screenshots
Hot Design Agent in Action
Hot Design Agent helped with:
- Generating alternate layouts for the dashboard
- Adjusting spacing, margins, and corner radius in real-time
- Choosing a cohesive color palette
- Refining iconography and typography scale
- Fixing UI alignment issues through quick suggestions
(Insert Hot Design Agent interaction screenshots or recordings.)
Design Process
- Started with a base Uno template and structured the main layout with Grid and StackPanel.
- Used Hot Reload extensively to adjust padding, spacing, and color themes without rebuilding.
- Set up MVVM bindings for tasks, habits, and mood entries.
- Implemented animations using Implicit Animations to add smooth transitions.
- Ensured adaptive behavior using AdaptiveTriggers for mobile, tablet, and desktop screens.
- Final UI refinements were done with feedback from the Hot Design Agent.
Key Takeaways
- AI-assisted UI design significantly speeds up iteration cycles.
- Hot Reload drastically reduces development time—changes feel instant.
- Uno Platform enables true cross-platform development with a single codebase.
- Hot Design Agent acts as a real-time co-designer, improving layout, structure, and visual clarity.
- This approach felt more fluid and creative compared to traditional UI development.
Run the Windows desktop version
dotnet run --project LifeHub/LifeHub.csproj --framework net10.0-desktop
Run the WebAssembly version
dotnet run --project LifeHub/LifeHub.csproj --framework net10.0-browserwasm
This content originally appeared on DEV Community and was authored by Samarth Shendre
Samarth Shendre | Sciencx (2025-11-20T21:42:38+00:00) LifeHub – AI Challenge for Cross-Platform Apps – Hot Design Showcase. Retrieved from https://www.scien.cx/2025/11/20/lifehub-ai-challenge-for-cross-platform-apps-hot-design-showcase-2/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.