161 tagged components, measured the same way as everything else here.
Browse within: design-system 33chat-application 25image-generation 25mantine 25reflex 25ui 25node 24server-rendering 24universal 24angular 19accessibility 14nextjs 13radix-ui 13radix 12
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…
Skill Claude CodeCodex
Creates a new DB UX Design System component with Mitosis source, SCSS, typed model, and Playwright tests.
Skill Claude CodeCodex
Modifies an existing DB UX Design System Mitosis component (add variants, update props, change styles).
Skill Claude CodeCodex
Runs, analyzes, and fixes Playwright and accessibility tests for a specific DB UX component.
Skill Claude CodeCodex
Use when building or modifying UI with the Dile Components library (@dile/ui, @dile/crud, @dile/editor, @dile/utils, @dile/lib, @dile/iconlib, @dile/icons) — a framework-agnostic, Lit-based web component catalog. Trigger when installing/importing dile- custom elements, using tags like , , , building CRUD screens…
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…
Skill Claude CodeCodex
Build reusable native SwiftUI UI components using 100% standard SwiftUI primitives with TTBaseUIKit design tokens, localization, chainable modifiers, and project architecture rules. NO TTBaseSUI wrappers. iOS 14+.
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.
Skill Claude CodeCodex
Comprehensive Svelte 5 development guidelines covering runes, components, reactivity, and modern web development patterns.
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.
Skill Claude CodeCodex
Build a custom React component in the bestax/Bulma style. In an app using @allxsmith/bestax-bulma — compose existing components, helper props, public hooks (useBulmaClasses, usePrefixedClassNames), and --bulma- CSS variables. In the bestax monorepo — the full component pipeline (SCSS partial, stories, tests, docs…
Skill Claude CodeCodex
Build forms with @allxsmith/bestax-bulma — Field/Control/Label/Help composition, inputs, selects, checkboxes, radios, switches, and advanced controls (Autocomplete, Slider, Numberinput, Rate, Taginput, File, date/time). There is no form/validation library; this skill shows the components and the validate-it-yourself…
Skill Claude CodeCodex
Scaffold a complete, responsive page layout with @allxsmith/bestax-bulma — app shells/dashboards, marketing/landing pages, centered auth/settings pages, and card-grid catalogs. Use when building a full page or overall app layout (not a single component).
Skill Claude CodeCodex
Scaffolds a new design in the design-inspirations repo with preview component, detail page, and main page entry. Use when creating a new design, adding a design inspiration, or scaffolding design files.
Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Creates horizontally fanned/cascading card stacks with proper z-index ordering and hover lift animations. Use when building album browsers, card fans, stacked previews, or any overlapping card collection.
Skill Claude CodeCodex
Reflex state design, event handlers, background tasks, form validation, page factory, service registry, repository pattern, database models, project architecture.
Skill Claude CodeCodex
Expert guide for runic.ogm — a SQLModel-style, graph-native Python OGM for Cypher databases (FalkorDB, Neo4j, Memgraph, ArcadeDB, Apache AGE). Use whenever the user defines graph models (Node/Edge), maps fields, declares relationships, writes graph queries/traversals, or does session/repository CRUD with runic. Invoke…
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…
Skill Claude CodeCodex
Extract design information from Figma files. Pull design tokens, component structure, colors, typography, spacing, and export assets. Use when the user asks about their Figma designs, needs to extract design tokens, or wants to convert Figma designs to code. Triggers on: "figma", "design tokens", "get colors from…
manutej/luxor-claude-marketplace
Skill Claude CodeCodex
Comprehensive React development with hooks, components, state management, context, effects, and performance optimization based on official React documentation.
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: