Login & Sign-up Screen Skill

How this skill behaves (read first)

This is a generative skill, so it does not blindly apply every best practice — login/sign-up has a set of context-dependent levers (social login, "stay logged in", username vs. email, 2FA) where applying everything is wrong for some products and right for others. Auto-applying all of them produces a bloated, insecure, or privacy-hostile screen.

So the skill works in three moves:

1. Establish context (one quick question if it's not already known).
2. Apply the always-true core — the patterns that are correct for essentially every auth screen.
3. Surface the context-dependent decisions with their trade-offs and a recommendation, and let the user choose — don't silently pick.

Then it hands the result to the audit skills for validation: call the heuristics audit (ux-heuristics-audit) and the accessibility audit (ux-accessibility-audit) on the generated screen. This skill deliberately does not re-derive contrast/keyboard/screen-reader rules — that's the accessibility skill's job.

Step 0 — Establish context before designing