shadcn

• SKILL.mdcore · 7,540 bytes
• SKILL.mdcore · 7,540 bytes
• references/ally-ensure-color-contrast.mddoc · 1,696 bytes
• references/ally-maintain-focus-management.mddoc · 2,057 bytes
• references/ally-preserve-aria-attributes.mddoc · 2,275 bytes
• references/ally-preserve-keyboard-navigation.mddoc · 2,017 bytes
• references/ally-provide-sr-only-labels.mddoc · 1,877 bytes
• references/arch-current-cli-registry.mddoc · 2,256 bytes
• references/arch-extend-variants-with-cva.mddoc · 1,982 bytes
• references/arch-forward-refs-for-composable-components.mddoc · 2,337 bytes
• references/arch-isolate-component-variants.mddoc · 2,228 bytes
• references/arch-preserve-radix-primitive-structure.mddoc · 1,653 bytes
• references/arch-unified-radix-package.mddoc · 1,777 bytes
• references/arch-use-asChild-for-custom-triggers.mddoc · 1,568 bytes
• references/arch-use-cn-for-class-merging.mddoc · 1,713 bytes
• references/comp-combine-command-with-popover.mddoc · 3,142 bytes
• references/comp-compose-with-compound-components.mddoc · 3,065 bytes
• references/comp-create-reusable-form-fields.mddoc · 3,902 bytes
• references/comp-nest-dialogs-correctly.mddoc · 3,208 bytes
• references/comp-use-drawer-for-mobile-modals.mddoc · 3,387 bytes
• references/comp-use-slot-pattern-for-flexibility.mddoc · 3,243 bytes
• references/data-empty-states-with-guidance.mddoc · 2,927 bytes
• references/data-paginate-server-side.mddoc · 3,149 bytes
• references/data-use-skeleton-loading-states.mddoc · 2,760 bytes
• references/data-use-tanstack-table-for-complex-tables.mddoc · 3,167 bytes
• references/data-virtualize-large-lists.mddoc · 2,425 bytes
• references/form-handle-async-validation.mddoc · 2,755 bytes
• references/form-reset-form-state-correctly.mddoc · 2,318 bytes
• references/form-show-validation-errors-correctly.mddoc · 1,756 bytes
• references/form-use-react-hook-form-integration.mddoc · 3,144 bytes
• references/form-use-zod-for-schema-validation.mddoc · 2,629 bytes
• references/perf-avoid-unnecessary-rerenders-in-forms.mddoc · 2,618 bytes
• references/perf-debounce-search-inputs.mddoc · 2,473 bytes
• references/perf-lazy-load-heavy-components.mddoc · 2,545 bytes
• references/perf-memoize-expensive-renders.mddoc · 2,421 bytes
• references/perf-optimize-icon-imports.mddoc · 1,897 bytes
• references/state-colocate-state-with-components.mddoc · 2,837 bytes
• references/state-lift-state-to-appropriate-level.mddoc · 2,622 bytes
• references/state-prefer-uncontrolled-for-simple-inputs.mddoc · 2,520 bytes
• references/state-use-controlled-dialog-state.mddoc · 3,330 bytes
• references/style-avoid-important-overrides.mddoc · 1,857 bytes
• references/style-consistent-spacing-scale.mddoc · 1,912 bytes
• references/style-dark-mode-support.mddoc · 2,221 bytes
• references/style-responsive-design-patterns.mddoc · 2,593 bytes
• references/style-use-css-variables-for-theming.mddoc · 1,764 bytes
• references/style-use-tailwind-theme-extend.mddoc · 1,936 bytes

# shadcn/ui Community Best Practices

Current best-practices guide for shadcn/ui applications. Before applying primitive-specific guidance, inspect whether the checked-in components use Radix UI or Base UI; current shadcn supports both (Base UI is the default for new projects) and their composition APIs differ. Component installs and upgrades go through the current CLI (v4), which resolves namespaced registries.

## When to Apply

Reference these guidelines when:
- Writing new shadcn/ui components or composing primitives
- Implementing forms with React Hook Form and Zod validation
- Building data tables or handling large dataset displays
- Customizing themes or adding dark mode support
- Reviewing code for accessibility compliance

## Rule Categories by Priority