shadcn-ui-conventions

UI Component Conventions

The components/ui directory uses different conventions from the rest of the project. It's excluded from Biome/Ultracite linting to preserve shadcn/ui patterns.

When to use this skill

• When creating new UI components
• When modifying existing shadcn/ui components
• When implementing 8-bit retro styling
• When working with component imports and types

Linting

• Biome excludes this directory: biome.jsonc has "!components/ui" in the includes
• No Ultracite formatting: Components use their own patterns
• Run lint manually when needed: npx biome check components/ui/

Import Patterns

Base components (e.g., button.tsx):