28.62° N, 77.37° E
Engineering Patterns,
Ready to Use.
A curated collection of reusable patterns and architectures for building production software — installable in one command.
curl -fsSL https://skills.vishalvoid.com/install | bashMy Patterns
Installable, production-ready patterns I use across projects.
React Optimistic Updates
Instant UI feedback for any CRUD operation — no loading spinners.
Next.js Product Stack
A strict 9-layer architecture for production full-stack apps.
Grid Layout System
Professional app layouts using CSS Grid — rails, panels, sidebars.
Zod API Validation
End-to-end type safety from API schema to UI — one source of truth.
Auth Session Pattern
Stateful, database-backed sessions without JWTs.
Skills Directory
Explore the Ecosystem
70+ curated skills from Anthropic, React, Next.js, TypeScript, and more — each linking to official documentation.
Claude Tool Use
Give Claude access to external tools and APIs. Define tools as JSON schemas, Claude decides when to call them, and your code executes them — enabling real-world actions from any Claude model.
OpenAI Function Calling
Connect GPT-4o to external tools and APIs. Define functions as JSON schemas and the model returns structured calls your application executes, enabling reliable structured output extraction.
Gemini Long Context
Process up to 2 million tokens in a single prompt with Gemini 1.5 Pro — entire codebases, books, or hours of video. The largest context window of any publicly available model.
React Server Components
Render components entirely on the server with zero client-side JavaScript. Access databases, file systems, and secrets directly in your component tree. The foundation of Next.js App Router.
Server Actions
Call server-side functions directly from client components and forms. No API route needed — just mark a function `'use server'` and call it from the client with progressive enhancement built-in.
TypeScript Generics
Write reusable, type-safe code that works across multiple types. Generics are the foundation of utility types, React component props, and flexible API client patterns.
Prisma ORM
Type-safe database access for TypeScript. Define your schema in Prisma Schema Language, run migrations, and query with a fully-typed client that eliminates SQL injection and runtime shape errors.
Tailwind CSS v4
Utility-first CSS framework with a CSS-first configuration model in v4. Define design tokens with `@theme`, use arbitrary values, and build entire UIs without leaving HTML.
Vitest
Vite-native test runner with Jest-compatible API. Near-instant HMR for tests, TypeScript and ESM support out of the box, built-in code coverage, and snapshot testing.
Showing 9 of 70 skills
Browse all 70