secondsky/claude-skills▌

100+ animated React components for Next.js with Tailwind CSS and Framer Motion. \n \n Includes 15 component categories: backgrounds, cards, text effects, buttons, navigation, forms, modals, carousels, 3D effects, and more \n Installed via shadcn CLI as copy-paste components with full source code access for customization \n Requires Next.js 13+, React 16.8+, Tailwind CSS v3+, and TypeScript support \n All components support dark mode, responsive design, and can be combined for complex layouts \n

Production-ready setup for Tailwind CSS v4 with shadcn/ui, dark mode, and CSS variable architecture. \n \n Four-step architecture: define CSS variables at root level with hsl() wrapper, map to Tailwind utilities via @theme inline , apply base styles, and enable automatic dark mode switching \n Vite plugin-based configuration (no PostCSS or tailwind.config.ts needed); requires @tailwindcss/vite and empty \"config\" in components.json \n Semantic color tokens for destructive, success, warning, and

Motion (package: motion, formerly framer-motion) is the industry-standard React animation library used in production by thousands of applications. With 30,200+ GitHub stars and 300+ official examples, it provides a declarative API for creating sophisticated animations with minimal code.

Inspira UI is a collection of 120+ reusable, animated components powered by TailwindCSS v4, motion-v, GSAP, and Three.js — crafted to help ship beautiful Vue and Nuxt applications faster.

Build production-ready, headless data tables with TanStack Table v8, optimized for server-side patterns and Cloudflare Workers integration.

Expert knowledge for testing JavaScript/TypeScript projects using Vitest - a blazingly fast testing framework powered by Vite.

Zod is a TypeScript-first validation library that enables developers to define schemas for validating data at runtime while automatically inferring static TypeScript types. With zero dependencies and a 2kb core bundle (gzipped), Zod provides immutable, composable validation with comprehensive error handling.

Expert knowledge for browser automation and end-to-end testing with Playwright - a modern cross-browser testing framework.

Expert knowledge for testing HTTP APIs with Supertest (TypeScript/JavaScript) and httpx/pytest (Python).

Comprehensive database schema design patterns for PostgreSQL and MySQL with normalization, relationships, constraints, and error prevention.