<aside> 🧰
Skills are plug-in knowledge packs for your AI coding agent One terminal command, and your AI assistant (Claude Code, Cursor, Codex) instantly knows best practices. Think of them as a specialist consultant for some specific technology. Your AI gets starter. You ship faster.
</aside>
The world's most popular design system and beautiful, pre-built UI components (buttons, forms, tables, etc). Instead of the AI inventing random UI, it uses shadcn's proven component library the right way. Best when you're building any user-facing interface and want it to look polished without designing from scratch.
Made by: shadcn (official)
Install: npx skills add shadcn-ui/ui --skill shadcn
This skill gives your AI Anthropic's own playbook for front-end design decisions: layout, spacing, responsiveness, and modern UI patterns. Works best with Claude models and you want to make smarter design choices that produce less “AI slop”, especially when designing landing/marketing pages.
Made by: Anthropic (official, bundled with Claude Code)
Install: npx skills add anthropics/skills --skill frontend-design
A curated icon library that helps your AI pick the right icons for buttons, navigation, and status indicators every time. Best when you're tired of your AI using random or inconsistent icons across your UI.
Made by: Better Auth
Install: npx skills add better-auth/better-icons --skill better-icons
Connects your AI coding agent directly to your Figma designs. The AI reads your design files and generates matching code. Also works in reverse so you can capture your coded UI back into Figma for review. Best when you have designs in Figma and want to turn them into code without manually translating every screen.
Made by: Figma (official)
Install: npx skills add figma/mcp-server-guide
Drop-in authentication that handles sign-up, login, user profiles, organizations, and team management from one SDK. Your AI learns the correct Clerk patterns so it implements auth right the first time. Works with Next.js, React, and most frameworks. Best when you need login/signup, team accounts, or role-based access in your app.
Made by: Clerk (official)
Install: npx skills add clerk/skills
44 skills covering enterprise auth (SSO), directory sync, role-based access, and more. Built for apps that need to sell to companies with IT departments. Best when enterprise clients need SSO, SAML, or directory sync. If you're building for your own business, Clerk is likely enough.