secondsky/claude-skills

2048

tailwind-v4-shadcn | Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects …

secondsky/claude-skills

7.5K

8133

aceternity-ui 100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects…

secondsky/claude-skills

1.3K

3

vitest-testing Modern TypeScript/JavaScript testing with Vitest. Fast unit and integration tests, native ESM support, Vite-powered H…

secondsky/claude-skills

988

4

motion Motion (Framer Motion) React animation library. Use for drag-and-drop, scroll animations, gestures, SVG morphing, or …

secondsky/claude-skills

942

5

playwright Browser automation and E2E testing with Playwright. Auto-detects dev servers, writes clean test scripts. Test pages, …

secondsky/claude-skills

935

6

api-testing HTTP API testing for TypeScript (Supertest) and Python (httpx, pytest). Test REST APIs, GraphQL, request/response val…

secondsky/claude-skills

818

7

responsive-web-design Builds adaptive web interfaces using Flexbox, CSS Grid, and media queries with a mobile-first approach. Use when crea…

secondsky/claude-skills

614

8

zod TypeScript-first schema validation and type inference. Use for validating API requests/responses, form data, env vars…

secondsky/claude-skills

573

9

nano-banana-prompts Generate optimized prompts for Gemini 2.5 Flash Image (Nano Banana). Use for image generation, crafting photo prompts…

secondsky/claude-skills

533

10

image-optimization Optimizes images for web performance using modern formats, responsive techniques, and lazy loading strategies. Use wh…

secondsky/claude-skills

531

11

rest-api-design Designs RESTful APIs with proper resource naming, HTTP methods, status codes, and response formats. Use when building…

secondsky/claude-skills

522

12

inspira-ui 120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. Use for hero sections, 3D effects, i…

secondsky/claude-skills

505

13

mobile-first-design Designs responsive interfaces starting from mobile screens with progressive enhancement for larger devices. Use when …

secondsky/claude-skills

492

14

web-performance-optimization Optimizes web application performance through code splitting, lazy loading, caching strategies, and Core Web Vitals m…

secondsky/claude-skills

488

15

api-authentication Secure API authentication with JWT, OAuth 2.0, API keys. Use for authentication systems, third-party integrations, se…

secondsky/claude-skills

474

16

web-performance-audit Web performance audits with Core Web Vitals, bottleneck identification, optimization recommendations. Use for page lo…

secondsky/claude-skills

472

17

vulnerability-scanning Automated security scanning for dependencies, code, containers with Trivy, Snyk, npm audit. Use for CI/CD security ga…

secondsky/claude-skills

457

18

bun-sveltekit Use when building or running SvelteKit apps on Bun, including SSR, adapters, and Bun-specific APIs

secondsky/claude-skills

454

19

kpi-dashboard-design Designs effective KPI dashboards with proper metric selection, visual hierarchy, and data visualization best practice…

secondsky/claude-skills

452

20

code-review Code review practices with technical rigor and verification gates. Use for receiving feedback, requesting code-review…

secondsky/claude-skills

451

21

database-schema-design Database schema design for PostgreSQL/MySQL with normalization, relationships, constraints. Use for new databases, sc…

secondsky/claude-skills

439

22

tanstack-table TanStack Table v8 headless data tables with server-side features for Cloudflare Workers + D1. Use for pagination, fil…

secondsky/claude-skills

439

23

api-rate-limiting Implements API rate limiting using token bucket, sliding window, and Redis-based algorithms to protect against abuse.…

secondsky/claude-skills

435

24

progressive-web-app Progressive Web Apps with service workers, web manifest, offline support, installation prompts. Use for installable w…

secondsky/claude-skills

433

25

react-composition-patterns React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flex…

secondsky/claude-skills

433

26

api-security-hardening REST API security hardening with authentication, rate limiting, input validation, security headers. Use for productio…

secondsky/claude-skills

429

27

design-system-creation | Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI devel…

secondsky/claude-skills

429

28

better-auth Skill for integrating Better Auth - comprehensive TypeScript authentication framework for Cloudflare D1, Next.js, Nux…

secondsky/claude-skills

426

29

architecture-patterns Implement proven backend architecture patterns including Clean Architecture, Hexagonal Architecture, and Domain-Drive…

secondsky/claude-skills

424

30

mobile-app-testing Mobile app testing with unit tests, UI automation, performance testing. Use for test infrastructure, E2E tests, testi…

secondsky/claude-skills

416

31

react-native-skills React Native and Expo best practices for building performant mobile apps. Use when building React Native components, …

secondsky/claude-skills

413

32

technical-specification Creates detailed technical specifications for software projects covering requirements, architecture, APIs, and testin…

secondsky/claude-skills

411

33

api-contract-testing Verifies API contracts between services using consumer-driven contracts, schema validation, and tools like Pact. Use …

secondsky/claude-skills

409

34

payment-gateway-integration Integrates payment processing with Stripe, PayPal, or Square including subscriptions, webhooks, and PCI compliance. U…

secondsky/claude-skills

409

35

ml-model-training Train ML models with scikit-learn, PyTorch, TensorFlow. Use for classification/regression, neural networks, hyperpara…

secondsky/claude-skills

408

36

bun-test-basics Use for bun:test syntax, assertions, describe/it, test.skip/only/each, and basic patterns.

secondsky/claude-skills

407

37

api-reference-documentation Creates professional API documentation using OpenAPI specifications with endpoints, authentication, and interactive e…

secondsky/claude-skills

404

38

tanstack-router TanStack Router type-safe file-based routing for React. Use for SPAs, TanStack Query integration, Cloudflare Workers,…

secondsky/claude-skills

404

39

frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks …

secondsky/claude-skills

401

40

systematic-debugging Four-phase debugging framework that ensures root cause investigation before attempting fixes. Never jump to solutions…

secondsky/claude-skills

398

41

test-quality-analysis Detect test smells, overmocking, flaky tests, and coverage issues. Analyze test effectiveness, maintainability, and r…

secondsky/claude-skills

398

42

bun-package-manager Bun package manager commands (install, add, remove, update), workspaces, lockfiles, npm/yarn/pnpm migration. Use for …

secondsky/claude-skills

394

43

bun-sqlite Use for bun:sqlite, SQLite operations, prepared statements, transactions, and queries.

secondsky/claude-skills

394

44

csrf-protection Implements CSRF protection using synchronizer tokens, double-submit cookies, and SameSite attributes. Use when securi…

secondsky/claude-skills

393

45

api-design-principles Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight develo…

secondsky/claude-skills

390

46

bun-hono-integration Use when building APIs with Hono framework on Bun, including routing, middleware, REST APIs, context handling, or web…

secondsky/claude-skills

390

47

interaction-design Creates intuitive user experiences through feedback patterns, microinteractions, and accessible interaction design. U…

secondsky/claude-skills

390

48

sequential-thinking Systematic step-by-step reasoning with revision and branching. Use for complex problems, multi-stage analysis, design…

secondsky/claude-skills

390

49

threejs Three.js 3D graphics library - scene setup, geometry, materials, lighting, textures, animation, loaders, shaders, pos…

secondsky/claude-skills

390

50

api-error-handling Implements standardized API error responses with proper status codes, logging, and user-friendly messages. Use when b…

secondsky/claude-skills

386