Adding a New UI Component to AppKit React

This skill describes the rules and patterns for creating new UI components in the appkit-react package. Follow these guidelines to ensure consistency, theme support, and maintainability.

1. Location and Directory Structure

1.1 Placement

• General Reusable Components: Place in packages/appkit-react/src/components/.
• Feature-Specific Components: Place in packages/appkit-react/src/features/{featureName}/components/.

1.2 Folder Structure

Every component must reside in its own subdirectory named after the component (kebab-case matching the component name).