clerk-custom-ui

clerk custom ui

clerk ↓ 26k

Claude Code

View source ↗

What it does

clerk-setup - Initial Clerk install
clerk-nextjs-patterns - Next.js patterns
clerk-orgs - B2B organizations

Requirements & configuration

Prerequisite: Ensure ClerkProvider wraps your app. See clerk-setup skill.
What Do You Need?
Opacity change: colorRing and colorModalBackdrop now render at full opacity. Use explicit rgba() values if you need transparency.
1. Identify customization needs (custom flow or appearance)

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

clerk custom ui

Source

Repository: https://github.com/clerk/skills

clerk-custom-ui FAQ

What does the clerk-custom-ui skill do?

Custom authentication flows and component appearance - hooks (useSignIn, useSignUp), themes, colors, fonts, CSS. Use for custom sign-in/sign-up flows, appearance styling, visual customization, branding. clerk-setup - Initial Clerk install clerk-nextjs-patterns - Next.js patterns

What does clerk-custom-ui require?

Prerequisite: Ensure ClerkProvider wraps your app. See clerk-setup skill. What Do You Need? Opacity change: colorRing and colorModalBackdrop now render at full opacity. Use explicit rgba() values if you need transparency. 1. Identify customization needs (custom flow or appearance)

How do I install clerk-custom-ui?

Run: npx -y skills add https://github.com/clerk/skills --skill clerk-custom-ui --agent claude-code — the source lives at github.com/clerk/skills.

Maintain clerk-custom-ui?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![clerk-custom-ui on getagentictools](https://getagentictools.com/badge/skills/clerk-skills-clerk-custom-ui.svg)](https://getagentictools.com/skills/clerk-skills-clerk-custom-ui?ref=badge)

npx agentictools info skills/clerk-skills-clerk-custom-ui

The second line is the CLI lookup for this page — handy in READMEs and docs.