Login & Sign-up: AI Skill for UX Design

Login & Sign-up is an AI skill that designs auth screens users get through fast: separate pages, minimal fields, inline validation, and a full password-reset flow. Context-dependent levers like social login stay deliberate choices.

npx skills add Uxcel-Lab/product-skills --skill ux-login-signup

Copied

What this skill does

Helps an AI assistant design auth screens that get users in fast, without piling on every security lever at once.

Separates login and sign-up into distinct pages with an obvious switch.
Keeps sign-up to one short screen: identifier and password only.
Adds a show/hide password toggle and a live requirements checklist.
Designs the full password-recovery flow, from reset link to success.
Validates inline as users leave each field, never all at once on submit.
Writes plain, polite error copy that says what went wrong and how to fix it.
Sizes labels, keypads, and touch targets for mobile forms.
Gates social login, 2FA, and remember-me by security context.

When to use it

Use it when you need an AI assistant to:

design a login or registration screen;
decide whether social login fits your product;
build a password recovery flow that users finish;
fix form validation and error messages;
adapt auth forms for mobile;
choose 2FA or biometrics for sensitive data;
review an auth flow for friction.

Decisions this skill helps you make

Decision	Options
Social login	Offer for consumer apps, paired with email; skip for privacy-sensitive contexts
Identifier	Email or phone by default; username only when handles matter to the product
Remember me	Fine for low-stakes apps; auto-logout for banking, health, and enterprise
2FA and biometrics	Recommended for sensitive data, optional for casual apps
Profiling	Minimal fields now, ask for more contextually later