web-artifacts-builder
Installation
SKILL.md
Overview
This skill provides comprehensive patterns and best practices for building modern web applications using the React + Tailwind CSS + shadcn/ui stack. It emphasizes component-driven development, type safety with TypeScript, accessibility, and performance optimization.
Stack Overview
Core Technologies:
- React 18+: Component-based UI with hooks and concurrent features
- TypeScript: Type-safe development with excellent IDE support
- Tailwind CSS: Utility-first CSS framework for rapid styling
- shadcn/ui: High-quality, accessible React components built on Radix UI
- Vite: Fast build tool with HMR and optimized production builds
Why This Stack:
- Type safety reduces bugs and improves maintainability
- Tailwind enables rapid UI development without context switching
- shadcn/ui provides accessible, customizable components out of the box
- Vite offers excellent developer experience and fast builds
- Modern ecosystem with active community support