{"enrichment":{"faq":[{"a":"Component Library generates production-ready React components using shadcn/ui patterns, CVA variants, and Radix UI primitives. It eliminates hours of hand-coding by providing fully-typed, accessible components with built-in dark mode and responsive design. Choose from form inputs, data tables, navigation, feedback overlays, and layout components\u2014all ready to integrate into your projects with minimal setup.","q":"What is component-library and how does it help with React development?"},{"a":"Yes. Component Library specializes in generating production-ready React components with minimal setup. Every component is fully-typed, tested, and follows shadcn/ui architecture patterns. You get immediate access to form inputs, data tables, modals, navigation systems, and more\u2014all built on Radix UI primitives and styled with Tailwind CSS for instant deployment.","q":"Can component-library generate production ready React components?"},{"a":"Component Library includes built-in dark mode and responsive design across all components. Every element adapts seamlessly to light and dark themes, and responsive breakpoints are pre-configured using Tailwind CSS. No additional theming work is required\u2014toggle dark mode and your entire component system responds automatically.","q":"How does component-library support dark mode and responsive design?"},{"a":"Yes. Component Library provides form components with React Hook Form integration, enabling you to build validated forms quickly. Form inputs, selects, checkboxes, and other controls are pre-wired for Hook Form patterns, reducing boilerplate and ensuring consistent validation across your application.","q":"Does component-library work with React Hook Form?"},{"a":"Component Library offers form components (inputs, selects, checkboxes, textareas), data display (tables with sorting and pagination), navigation (menus, breadcrumbs, tabs), feedback overlays (modals, dialogs, alerts, toasts), and layout components. All are accessible, fully-typed, and built on Radix UI with Tailwind styling.","q":"What component types are available in component-library?"},{"a":"Yes. Component Library is MIT-licensed, making it free to use, modify, and distribute in both personal and commercial projects. The MIT license provides maximum flexibility while requiring attribution.","q":"Is component-library open source and what license does it use?"}],"shadow_tags":["ui-system-builder","design-token-management","component-scaffolding","a11y-first-design","rapid-prototyping","theme-switching","type-safe-variants","headless-primitives"],"summary_rewrite":"Component Library generates fully-typed React components using shadcn/ui patterns, CVA variants, and Radix UI primitives\u2014eliminating hours of hand-coding. Choose from form inputs, data tables, navigation, feedback overlays, and layout components, all with built-in accessibility, dark mode, and responsive design."},"files":[{"bytes":7524,"path":"skills/component-library/SKILL.md","sha256":"891ba31671f03a399ce3e2375a4c5b528d4d6fab098b9ec562436ef198db7b86","url":"https://skillfed.io/files/Bbeierle12/Skill-MCP-Claude/component-library/f11fb504/SKILL.md"}],"id":"Bbeierle12/Skill-MCP-Claude/component-library","links":{"html":"https://skillfed.io/Bbeierle12/Skill-MCP-Claude/component-library","md":"https://skillfed.io/Bbeierle12/Skill-MCP-Claude/component-library.md","repo":"https://github.com/Bbeierle12/Skill-MCP-Claude"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":3,"language":"JavaScript","last_updated":"2026-07-27","license":"MIT","name":"component-library","publisher":"Bbeierle12","stars":8},"relations":{"similar":[{"id":"pixel-point/animate-text/tailwind-design-system"},{"id":"calesthio/OpenMontage/tailwind-design-system"},{"id":"bobmatnyc/claude-mpm-skills/shadcn"},{"id":"existential-birds/beagle/shadcn-ui"},{"id":"yonatangross/orchestkit/ui-components"},{"id":"patricio0312rev/skills/design-to-component-translator"},{"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-advanced-components"},{"id":"shep-ai/shep/shadcn-ui"},{"id":"paperclipai/paperclip/design-guide"},{"id":"getpaperclipai/paperclip/design-guide"}]},"slug":{"owner":"Bbeierle12","repo":"Skill-MCP-Claude","skill":"component-library"},"version":"f11fb504"}