Web App GUI Design

Acknowledgement: Shared by Peter Bamuhigire, techguypeter.com, +256 784 464178.

Use When

• Building or reviewing a SaaS web UI on React/Next.js/TypeScript/Tailwind
• Standardising app shell, navigation, dashboards, or data-table patterns across products
• Standardising authentication surfaces and the Super Admin experience for managed backgrounds, light/dark logos, and favicons
• Working on the Bootstrap 5 + Tabler + PHP seeder stack — load sections/01-overview.md first

Do Not Use When

• Pure landing or marketing pages — use editorial/marketing layout guidance, not this app-shell skill
• Mobile-native screens — use android-ui-ux-design or ios-ui-ux-design
• Low-level Tailwind syntax questions — out of scope for this skill

Required Inputs