skills/smithery.ai/component-development

component-development

SKILL.md

Component Development

1. Core Principles

  • Library First: Shared components live in libs/ui.
  • Strict Separation: libs/ui CANNOT depend on apps/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.

3. Workflow

Creating a new component

Installs
4
First Seen
Mar 25, 2026