ui-components
UI component library patterns for shadcn/ui and Radix Primitives. Use when building accessible component libraries, customizing shadcn components, using Radix unstyled primitives, or creating design system foundations.
- License
- MIT
- Compatibility
- Claude Code 2.1.220+.
Pinned to revision 1ff988bd66da, so it is the text this page describes rather than whatever the author pushed since.
Pre-approved tools experimental
Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.
- Read
- Glob
- Grep
- WebFetch
- WebSearch
Files
- skills/ui-components/SKILL.md
- skills/ui-components/metadata.json
- skills/ui-components/references/ork-delta.md
- skills/ui-components/rules/_sections.md
- skills/ui-components/rules/_template.md
- skills/ui-components/rules/color-system.md
- skills/ui-components/rules/css-cascade-layers.md
- skills/ui-components/rules/design-system-components.md
- skills/ui-components/rules/design-system-spacing.md
- skills/ui-components/rules/design-system-states.md
- skills/ui-components/rules/design-system-tokens.md
- skills/ui-components/rules/design-system-typography.md
- skills/ui-components/rules/empty-states.md
- skills/ui-components/rules/forms-react-hook-form.md
- skills/ui-components/rules/forms-validation-zod.md
- skills/ui-components/rules/shadcn-v4-styles.md
- skills/ui-components/rules/storybook-component-docs.md
- skills/ui-components/rules/tailwind-v4-patterns.md
- skills/ui-components/rules/typography-thresholds.md
- skills/ui-components/rules/visual-hierarchy.md
- skills/ui-components/scripts/composed-trigger.tsx
- skills/ui-components/scripts/custom-dialog.tsx
- skills/ui-components/scripts/custom-dropdown.tsx
- skills/ui-components/scripts/custom-theme.css
- skills/ui-components/scripts/cva-component.tsx
- skills/ui-components/scripts/extended-button.tsx
- skills/ui-components/test-cases.json
Every link opens the file at its source, pinned to the revision this page describes.