component-development
SKILL.md
Component Development
1. Core Principles
- Library First: Shared components live in
libs/ui. - Strict Separation:
libs/uiCANNOT depend onapps/nextblock. It must remain publishable as a standalone package. - Tech Stack: React, Tailwind CSS, Radix UI, Lucide React.
2. Directory Structure (libs/ui)
src/components/ui: Base Shadcn/UI components (Button, Input, etc.).src/components: Custom complex components.src/styles/globals.css: Tailwind configuration and global styles.