Clerk Custom UI
Skill VerifiedCustom 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.
This skill guides users on building custom sign-in/sign-up UIs using Clerk hooks and customizing the appearance of pre-built components with themes, colors, fonts, and CSS. It details the use of `useSignIn` and `useSignUp` hooks, appearance props, and various theming options, differentiating between older and current SDK versions.
Installation
First, add the marketplace
/plugin marketplace add clerk/skills/plugin install core@clerk-skillsSimilar Extensions
TanStack React Start Patterns
98TanStack React Start auth patterns with @clerk/tanstack-react-start - createServerFn, beforeLoad guards, loaders, Vinxi server. Triggers on: TanStack auth, createServerFn clerk, beforeLoad protection, TanStack Start middleware.
Clerk Organizations
98Clerk Organizations for B2B SaaS - create multi-tenant apps with org switching, role-based access, verified domains, and enterprise SSO. Use for team workspaces, RBAC, org-based routing, member management.
Clerk React Router Patterns
98React Router v7 patterns with Clerk — rootAuthLoader, getAuth in loaders, clerkMiddleware, protected routes, SSR user data, org switching. Triggers on: react-router auth, rootAuthLoader, getAuth loader, react-router protected route, loader authentication, SSR auth react-router.
Clerk Setup
97Add Clerk authentication to any project by following the official quickstart guides.
Tandem Panel Scaffold
100Scaffold an editable Tandem control panel app
Frontend Design
99Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.