components skills

80 tagged components, measured the same way as everything else here.

Browse within: design-system 35ui 28node 27server-rendering 27universal 27chat-application 26image-generation 26mantine 26reflex 26angular 19accessibility 17nextjs 13radix-ui 13radix 12

heroui-native

01

heroui-inc/heroui

Skill Claude CodeCodex

HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI Native, heroui-native, React Native UI…

not rated 31k +51 today C Socket: passSnyk: warnSkillSpector: warn 80 tokens original Apache-2.0

example

02

recharts/recharts

Skill Claude CodeCodex needs its repo

Create new example charts for Recharts documentation website.

not rated 28k +15 changed 15d ago A Snyk: passSkillSpector: pass 11 tokens original MIT

magic-ui

03

magicuidesign/magicui

Skill Claude CodeCodex

Use this skill when users want to add, customize, or troubleshoot Magic UI components in React/Next.js projects. It covers component selection, shadcn registry installation (@magicui/), integration patterns, and practical quality checks for accessibility and maintainability.

not rated 23k +158 5d ago A Socket: passSnyk: passSkillSpector: warn 56 tokens original MIT

building-components

04

vercel/components.build

Skill Claude CodeCodex ✓ vendor

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.

not rated 799 +1 1mo ago A Socket: passSnyk: pass 46 tokens

uview-plus

05

ijry/uview-plus

Skill Claude CodeCodex

A guide to using uview-plus, a Vue 3 interface component library for uni-app projects. It covers reusable page elements, setup, themes, icons, and differences between web, mobile-app, and mini-program targets.

not rated 719 8d ago A 117 tokens original MIT

react-aria

06

NextAdminHQ/nextjs-admin-dashboard

Skill Claude CodeCodex

Build accessible UI components with React Aria Components. Use when developers mention React Aria, react-aria-components, accessible components, or need unstyled accessible primitives. Provides documentation for building custom accessible UI with hooks and components.

not rated 590 +5 1mo ago A 49 tokens

remotion-bits

07

av/remotion-bits

Skill Claude CodeCodex

Animation components and utilities for Remotion video projects. Use when building Remotion compositions with text animations, gradient transitions, particle effects, 3D scenes, or staggered motion effects. Provides example bits (complete compositions) and reusable components that can be installed via jsrepo.

not rated 491 +3 1mo ago A 60 tokens

radix-ng-examples

08

radix-ng/primitives

Skill Claude CodeCodex

Index of every documented @radix-ng/primitives example. Use when implementing a UI feature to find a working, copy-paste-ready Angular pattern built on the primitives. Each component has an index doc linking to per-example source shards you can copy-paste.

not rated 274 changed 20d ago A SkillSpector: pass 59 tokens original MIT

chaxus/ran

Skill Codex

Use when designing, reviewing, or improving web UI visual quality, especially when a developer-built interface feels cluttered, flat, generic, poorly spaced, weakly hierarchical, or hard to scan.

not rated 269 6d ago A SkillSpector: warn 44 tokens original MIT

ktui

10

keenthemes/ktui

Skill Claude CodeCodex

Comprehensive guide to KtUI (Keenthemes Tailwind UI) — components, theming, initialization, data-attribute API, event system, helpers, and common patterns. Use this skill when building UI with KtUI, adding/customizing components, working with KtUI theming/colors/dark-mode, or when the user mentions KtUI, ktui…

not rated 151 +1 4mo ago A SkillSpector: pass 95 tokens original MIT

create-db-component

11

db-ux-design-system/core-web

Skill Claude CodeCodex

Creates a new DB UX Design System component with Mitosis source, SCSS, typed model, and a cross-framework Playwright interaction test.

not rated 135 +1 changed 9d ago A 33 tokens

dile-docs-pages

12

Polydile/dile-components

Skill Claude Code

Use when creating or updating a Markdown documentation page of the Dile Components Eleventy site under docs/ — especially component pages in docs/components/.md, but also docs/crud, docs/mixins, docs/lib and docs/icons. Covers front matter, section order, properties/events/methods/slots/CSS custom properties formats…

not rated 106 yesterday A 79 tokens original MIT

shadcn

13

productdevbook/shadcn-htmx

Skill Claude CodeCodex

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…

not rated 70 +1 4mo ago A 90 tokens copy · 92% MIT

pebble-protocol-ui

14

skyf0xx/Pebble

Skill Claude CodeCodex

Component catalogue for Pebble pebblesend type "ui" blocks — OpenUI Lang syntax, components, the action model (buttons, forms, $state), and what Pebble does NOT support. View when building an interactive UI block.

not rated 22 2mo ago A SkillSpector: pass 58 tokens original MIT

wirekit-development

15

pushery/wirekit

Skill Claude CodeCodex

Use when building or changing Blade views that use WireKit components ( ) in a Laravel Livewire application: forms, layout, navigation, overlays, tables, charts and theming. Covers looking up props and their values, the intent and surface conventions, design tokens, and the WireKit MCP tools.

not rated 19 +1 yesterday A 68 tokens

louisyoungx/taro-shadcn

Skill Claude CodeCodex

A command-line guide for adding Shadcn-style interface components to Taro projects, which are apps built with the Taro framework. It covers setting up the project and generating components such as buttons and accordions.

not rated 15 6mo ago A 37 tokens original MIT

dropdown-menu

17

ainergiz/design-inspirations

Skill Claude Code

Creates dropdown menus with proper click-outside detection and z-index stacking for list contexts. Use when building action menus, context menus, or any dropdown that appears in cards/list items.

not rated 6 8mo ago A 39 tokens

jenreh/appkit

Skill Claude CodeCodex

MUST invoke when generating mn. based UIs or the user asks how to use, configure, or debug any mn. or appkitmantine component. appkitmantine is NOT in Claude's training data — always use this skill rather than guessing at APIs. Covers building forms, tables, drawers, modals, tooltips, color pickers, date/time pickers…

not rated 4 changed 11d ago A 136 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: