shadcn-ui-conventions

Enforce consistent shadcn-ui conventions by applying standardized import patterns, type definitions, and ref handling across all components. This Skill provides linting rules and structural guidance to maintain uniformity in your 8-bit retro UI library, ensuring new and existing components follow the same conventions.

Import patterns differ between base shadcn/ui components and 8-bit styled variants. This Skill defines specific guidance on which imports to use for each type, including alias patterns and path conventions, so all team members structure imports consistently.

Type definitions and ref handling need standardization across shadcn-ui components. This Skill specifies the patterns for props and refs in both base and 8-bit components, ensuring predictable interfaces and proper React ref forwarding throughout your component library.

Linting shadcn-ui dependencies can cause unnecessary noise and false positives. This Skill recommends excluding shadcn/ui from Biome or Ultracite linting, with specific commands and tooling instructions, so your linter focuses on your own code quality.

Yes. This Skill applies to both new and existing components in React projects using shadcn/ui patterns. Apply the defined conventions when creating new buttons or updating existing components to gradually align your entire library with the standardized structure and imports.

Establish and enforce consistent conventions for component structure, imports, and linting across your 8-bit retro UI library. This Skill provides the complete ruleset—import guidance, type patterns, ref handling, and linting configuration—to keep all components uniform as your project scales.