Login Flow Skill

A skill for generating mobile-first login and authentication screens. Use this when the user wants a sign-in experience for a mobile app, including phone + SMS verification, password-based login, and social SSO options.

Workflow

1. Read reference files first (see below)
2. Clarify auth method: phone/SMS, password, or social SSO
3. Checklist gate — verify P0 items before emitting <artifact>
4. Build the HTML prototype with proper states (default, loading, error)
5. Wrap in <artifact> tag referencing the output file

Side Files

• references/checklist.md — P0/P1 acceptance criteria

Output

A single standalone HTML file implementing the login screen with: