What the tech

Search

Browse topics

/ opens search from anywhere. Esc closes it.

Tools
What the tech
Get the newsletter

clerk-custom-ui: a Claude Code skill by Clerk

Official

For apps on Clerk that need their own sign-in screens or Clerk components styled to match the brand. Skip it if you do not use Clerk for login.

The skill's text changed on Nov 11, 2026, after we last read it. Our description may be behind.

Copy install command View the source
Score
78of 100
Rank
#78of 239
Installs
57.6Kon skills.sh
Security
Clear 5 scanners
Updated
2026
Context
~54tokens always

Install

npx skills add https://github.com/clerk/skills --skill clerk-custom-ui

Run it in your terminal. View the source

Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app

What does clerk-custom-ui do?

clerk-custom-ui is a Claude skill that helps Claude build custom sign-in and sign-up screens with Clerk's useSignIn and useSignUp hooks, or restyle Clerk's ready-made components. It first checks package.json for the SDK version, since Core 2 and the current SDK v7 use different hooks and option names, then reads the matching core-2 or core-3 reference. For looks, it fetches Clerk's docs and sets the appearance prop: variables such as colorPrimary and borderRadius, options such as logoImageUrl, and themes like dark or neobrutalism from @clerk/ui. If a components.json file shows shadcn/ui, it applies the shadcn theme first.

When should you use clerk-custom-ui?

Use it when

  • Matching Clerk's sign-in box to your brand colors
  • Building a fully custom sign-up form
  • Moving custom auth flows from Core 2 to SDK v7

Skip it when

  • Your app uses a different login provider
  • Clerk is not set up in your app yet

What it needs and what it can touch

You need

  • A Clerk account with ClerkProvider set up in your app

What it can do

  • Fetches pages from Clerk's documentation
  • Edits component and style files

From reading its instructions, not from running it.

Why it scores 78

Strongest on upkeep (100 of 100), weakest on adoption (44).

  • Adoption35 points 44
  • Upkeep20 points 100
  • Trust20 points 100
  • Quality15 points 100
  • Reader answers10 points Not enough answers yet, so this does not count

How the formula works

Is clerk-custom-ui safe to install?

Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.

ScannerResultDate
Gen Agent Trust HubPassedNov 10, 2026
SocketPassedNov 4, 2026
SnykLow riskNov 10, 2026
RunlayerPassedMar 6, 2026
ZeroLeaksPassedApr 16, 2026

Details

Installs
57,624
Repository stars
93
Last repository change
Tokens always loaded
about 54
Tokens when used
about 1,537
License
MIT
Data confidence
High

Alternatives to clerk-custom-ui

All skills for this job

  • shadcn-ui

    For React developers setting up shadcn/ui components, Zod forms and Tailwind themes.

    Score 64 22.7K installs

    Get shadcn-ui

  • shadcn

    For React developers on shadcn/ui who want Claude to add and compose components through the CLI.

    Score 93 415K installs Official

    Get shadcn

  • enhance-prompt

    For Stitch users who want a vague UI idea turned into a structured prompt with design tokens.

    Score 76 59.5K installs Official

    Get enhance-prompt

  • tailwind-design-system

    For developers setting up a component library or design tokens on Tailwind CSS v4.

    Score 76 73K installs

    Get tailwind-design-system