Split-Screen Auth

Form on one side, branded visual panel on the other.

THE SKILL

Design a sign-in / sign-up screen as a split-screen layout: put the input fields on one half and a branded visual panel — product shot, illustration, or gradient graphic — on the other. Include email, password, and a primary action button. Match my product's existing look: colors, typography, spacing, and overall aesthetic.

How to use this skill

1. Copy the skill above.

2. Paste it into your AI tool — Claude, ChatGPT, Cursor, v0, Lovable, or any builder.

3. Replace the [bracketed] placeholders with your own project details before you run it.

Related skills

More skills in this same category.

Browse all skills →