React & shadcn/ui Components

What problem does it solve?

Inconsistent UI components and scattered implementation patterns across React codebases slow development and degrade user experience. This skill provides a clear guide for building UI primitives with TypeScript using shadcn/ui to ensure consistent styling, accessibility, and alignment with SEPilot design patterns.

Core Features & Use Cases

• Provides a standardized component structure and naming conventions for shadcn/ui primitives (buttons, dialogs, inputs, etc.).
• Demonstrates how to compose common UI elements into reusable building blocks and form patterns.
• Use Case: when adding a new form or dialog, follow these patterns to maintain a cohesive look and behavior throughout the app.

Quick Start

Create a new UI component by following the shared shadcn/ui patterns demonstrated in this guide.