clerk-ui-skills
CommunityBuild Clerk-inspired interfaces.
Design & Creative#typography#design system#color palette#ui design#front-end development#clerk#light mode
Authorihlamury
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides opinionated constraints and guidelines for building user interfaces that are visually consistent with Clerk's design system, ensuring a familiar and polished user experience.
Core Features & Use Cases
- Aesthetic Consistency: Apply Clerk's specific color palette, typography, spacing, and border-radius rules.
- Light Mode Focus: Tailored for interfaces designed in light mode.
- Font & Grid Adherence: Enforces the use of 'Inter' font and a 4px grid system for pixel-perfect layouts.
- Use Case: When developing a new feature that needs to seamlessly integrate with existing Clerk-based applications, use these guidelines to maintain brand consistency and user familiarity.
Quick Start
Apply Clerk's UI design system to build a light-mode interface using the Inter font and a 4px grid.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: clerk-ui-skills Download link: https://github.com/ihlamury/design-skills/archive/main.zip#clerk-ui-skills Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.