Zero-dependency React component library with 147 components, 3 weight tiers (Lite/Standard/Premium), physics-based animations, OKLCH color system, Aurora Fluid design, and built-in MCP server for AI assistants
Skill Claude CodeCodex
Audit React components for accessibility compliance with UI Kit conventions. Use when the user asks to "check accessibility", "audit a11y", "review for screen readers", or "test keyboard navigation". Checks ARIA, contrast, touch targets, motion, and keyboard patterns.
Skill Claude CodeCodex
Find UI Kit components by name, feature, or use case. Use when the user asks "what component for...", "is there a...", "show me components", "find a widget", or describes UI they want to build. Covers all 147 components across Lite/Standard/Premium tiers.
Skill Claude CodeCodex
Explains the Aurora Fluid design system — OKLCH colors, physics animations, motion levels, weight tiers, CSS architecture, and theming. Use when the user asks about design tokens, colors, animations, theming, or how the design system works.
Skill Claude CodeCodex
Generate production-ready React code using UI Kit components. Use when the user asks to "build", "create", "make", "generate" a UI, page, form, dashboard, or component composition. Produces working TSX with correct imports, props, and Aurora Fluid styling.
Skill Claude CodeCodex
Helps choose the right weight tier (Lite/Standard/Premium) based on project requirements. Use when the user asks about bundle size, performance optimization, which tier to use, or import paths.