# auth-ui-patterns

- Author: HasnainCodeHub
- Repository: HasnainCodeHub/Master-Robotics-AI
- Version: 20260203155029
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/HasnainCodeHub/Master-Robotics-AI
- Web: https://mule.run/skillshub/@@HasnainCodeHub/Master-Robotics-AI~auth-ui-patterns:20260203155029

---

# auth-ui-patterns

## Purpose
Standardize how authentication flows appear and behave in the user interface.

## When to Use
Use this skill when:
- Implementing login or signup flows
- Protecting content behind authentication
- Redirecting users based on auth state

## How It Works
- Separates authentication routes from content routes
- Prevents auth forms from rendering as uncontrolled overlays
- Enforces explicit login-required messaging
- Coordinates UI state with authentication state

## Output
- Professional authentication UX
- Clear access boundaries
- Predictable login and logout behavior