clerk-custom-ui

SKILL.md

Custom UI

Prerequisite: Ensure ClerkProvider wraps your app. See clerk-setup skill.

Version: Check package.json for the SDK version — see clerk skill for the version table. This determines which custom flow references to use below.

This skill covers two areas:

Custom authentication flows — build your own sign-in/sign-up UI with hooks

Appearance customization — theme, style, and brand Clerk's pre-built components

What Do You Need?

Task
Reference

Custom sign-in (Core 2 / LTS)
core-2/custom-sign-in.md

Custom sign-up (Core 2 / LTS)
core-2/custom-sign-up.md

Custom sign-in (Current SDK v7+)
core-3/custom-sign-in.md

Custom sign-up (Current SDK v7+)
core-3/custom-sign-up.md

Show component pattern (Current SDK)
core-3/show-component.md