{"enrichment":{"faq":[{"a":"ui-components is an MIT-licensed skill for constructing accessible component libraries with shadcn/ui and Radix Primitives. It provides 22 rules across 7 categories covering CVA variants, OKLCH theming, form integration with React Hook Form and Zod, Radix composition patterns, and design system foundations including spacing scales and typography.","q":"What is ui-components and what does it help build?"},{"a":"ui-components guides you through building accessible UI component libraries by combining shadcn/ui and Radix Primitives. The skill emphasizes unstyled Radix primitives as the foundation, then layers styling with CVA variants and Tailwind v4, ensuring accessibility standards are met throughout the component hierarchy and composition patterns.","q":"How do you build accessible component libraries with ui-components?"},{"a":"ui-components supports customization through CVA (Class Variance Authority) variants and OKLCH theming. You can create flexible component variants that adapt to different contexts, and implement design system tokens using OKLCH color spaces for perceptually uniform theming across your entire component library.","q":"What customization and theming options does ui-components support?"},{"a":"ui-components teaches form creation using React Hook Form for client-side state management, Zod for schema validation, and Server Actions for backend processing. This combination enables robust, accessible forms with proper error handling and server-side validation within your component system.","q":"How does ui-components integrate form validation and server actions?"},{"a":"ui-components covers design system foundations including tokens architecture, spacing scales, typography scales with line height considerations, and W3C design token standards. These foundations ensure consistency across components and enable systematic, scalable design system implementation.","q":"What design system foundations are covered in ui-components?"},{"a":"Yes, ui-components applies modern CSS patterns including cascade layers and specificity management, paired with Tailwind v4 for component styling. This approach ensures predictable styling behavior and maintainable component code across your library.","q":"Does ui-components address modern CSS patterns and Tailwind v4?"}],"shadow_tags":["component-patterns","design-tokens","form-handling","accessibility-wcag","theming-system","styling-architecture","interactive-states","type-safe-variants","unstyled-primitives","design-foundations"],"summary_rewrite":"UI Components provides 22 rules across 7 categories for constructing accessible component libraries with shadcn/ui and Radix Primitives. It covers CVA variants, OKLCH theming, form integration with React Hook Form and Zod, Radix composition patterns, and design system foundations including spacing scales and typography."},"files":[{"bytes":10319,"path":"src/skills/ui-components/SKILL.md","sha256":"8b74bb59e9276b0f1d43f94d5336dc2085d67cb3499d0615ff97bc4d92754080","url":"https://skillfed.io/files/yonatangross/orchestkit/ui-components/b51eeebf/SKILL.md"}],"id":"yonatangross/orchestkit/ui-components","links":{"html":"https://skillfed.io/yonatangross/orchestkit/ui-components","md":"https://skillfed.io/yonatangross/orchestkit/ui-components.md","repo":"https://github.com/yonatangross/orchestkit"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":20,"language":"TypeScript","last_updated":"2026-07-28","license":"MIT","name":"ui-components","publisher":"yonatangross","stars":208},"relations":{"similar":[{"id":"pixel-point/animate-text/tailwind-design-system"},{"id":"oakoss/agent-skills/shadcn-ui"},{"id":"ScientiaCapital/skills/frontend-ui-skill"},{"id":"existential-birds/beagle/shadcn-ui"},{"id":"samhvw8/dot-claude/ui-design-system"},{"id":"bobmatnyc/claude-mpm-skills/shadcn"},{"id":"calesthio/OpenMontage/tailwind-design-system"},{"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-advanced-components"},{"id":"existential-birds/beagle/shadcn-code-review"},{"id":"elophanto/EloPhanto/shadcn"}]},"slug":{"owner":"yonatangross","repo":"orchestkit","skill":"ui-components"},"version":"b51eeebf"}