Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming problems. Covers: @theme inline pattern, CSS variable architecture, dark mode with ThemeProvider, component composition, vite.config setup, common v4 gotchas, and production-tested patterns.
Provides production-ready setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Includes dark mode, theme configuration, and troubleshooting guides.
Why this plugin
Solves Tailwind v4 migration and theming issues with shadcn/ui. Offers tested patterns for CSS variables, dark mode, and component composition, preventing common setup errors.
Prerequisites
Requires Node.js, a React project, and Vite. May need API keys for specific integrations, but core setup is self-contained.
Complete collection of battle-tested Claude Code configs from an Anthropic hackathon winner - agents, skills, hooks, and rules evolved over 10+ months of intensive daily use
Schema validation, data quality monitoring, streaming validation pipelines, and input validation for backend APIs
Multi-perspective code analysis covering architecture, security, and best practices
Essential developer skills including Git workflows, SQL optimization, error handling, code review, E2E testing, authentication, debugging, and monorepo management