Login Flow

Create a sign-in screen for a mobile app with this skill. It builds a complete login flow that works on phones. You can choose between phone number with SMS code, email and password, or social login buttons. Every detail follows mobile design rules, like big touch targets and safe area spacing.

App developers and designers can quickly prototype a polished authentication page. The output is a standalone HTML file that looks great on a 375px wide phone screen. It includes labels above inputs, a show/hide password toggle, error messages under fields, and a loading spinner on the main button.

Social sign-on buttons come with SVG icons for common providers. The layout prevents horizontal scrolling and respects notched device safe areas. This skill saves time by generating a mobile-first login screen that is ready to test or hand off to developers.