ui-ux-designers

Guide UI/UX design for a Streamlit admin portal with lazy loading and health indicators.

Updated Mar 5, 2026
One-click install
npx skills add https://github.com/ShubhamManachekar/GeoSupply --skill ui-ux-designers
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-designers
Source: https://github.com/ShubhamManachekar/GeoSupply/tree/main/.agent/skills/ui-ux-designers
Command: npx skills add https://github.com/ShubhamManachekar/GeoSupply --skill ui-ux-designers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design and validate UX for a Phase 9 Streamlit admin portal, balancing large datasets, memory constraints, and clear UI patterns to prevent performance bottlenecks and usability friction.

Core Features & Use Cases

  • Multipage Lazy Loading: guide the UI to load pages on demand rather than bootstrapping the entire dataset, using st.navigation() and st.Page() to minimize memory footprint.
  • Admin Overrides UI: define an interface for admins to inject manual intelligence and indicate LIVE/DEGRADED/STALE states based on HealthCheckAgent cache TTL.
  • Dashboard Layout Guidance: provide layout patterns using st.columns() to separate raw feeds from timelines and analytics, with a dashboard-first visual language.
  • Testing Guidance: outline testing approaches including Streamlit AppTest framework for backend SQLite cache.

Quick Start

Outline a UI plan for a 12-page Streamlit admin portal focusing on lazy loading, health indicators, and dashboard segmentation.

Frequently Asked Questions about ui-ux-designers

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

FAQPage Schema
How do I design a Streamlit admin portal for large datasets without hitting memory limits?

Design a Streamlit admin portal for large datasets by applying multipage lazy loading strategies using st.navigation() and st.Page() to load pages on demand, minimizing the memory footprint instead of bootstrapping the entire dataset at once.

What is the best way to display health states in a Streamlit dashboard?

Display health states in a Streamlit dashboard by building an admin overrides interface that indicates LIVE, DEGRADED, or STALE conditions based on HealthCheckAgent cache TTL, allowing admins to inject manual intelligence during varying system health states.

How do I structure a multipage Streamlit dashboard layout for analytics?

Structure a multipage Streamlit dashboard layout using st.columns() to separate raw data feeds from timelines and analytics, applying a dashboard-first visual language to balance large dataset views with clear admin segmentation.

Can I use the Streamlit AppTest framework to test SQLite cache backends?

Yes, you can use the Streamlit AppTest framework to test SQLite cache backends, applying the outlined testing guidance to validate backend cache operations and ensure scalable dashboard performance under tight memory constraints.

When should I use lazy loading for Streamlit multipage dashboards?

Use lazy loading for Streamlit multipage dashboards when managing large datasets and tight memory constraints, preventing performance bottlenecks by loading pages on demand rather than bootstrapping the full application data simultaneously.