patterns▌

$20

Structured logging for TypeScript/JavaScript with framework-agnostic setup, wide events, and drain adapters. \n \n Supports 12+ frameworks: Nuxt, Next.js, SvelteKit, Nitro, TanStack Start, NestJS, Express, Hono, Fastify, Elysia, Cloudflare Workers, and standalone TypeScript \n Detects and refactors console.log spam and unstructured errors into self-documenting wide events with grouped context \n Includes drain adapters for Axiom, OTLP, PostHog, Sentry, Better Stack, and file system; supports bat

$22

Comprehensive testing framework for shell scripts using Bats with patterns, fixtures, and CI/CD integration. \n \n Covers core Bats concepts including test syntax, assertion patterns for exit codes and output, and setup/teardown lifecycle management \n Provides mocking and stubbing strategies for external commands, functions, and environment variables to isolate units under test \n Includes fixture management patterns, error condition testing, and shell compatibility validation across bash, sh,

Implement proven backend architecture patterns for maintainable, testable, and scalable systems. \n \n Covers three core patterns: Clean Architecture (layered dependency inward), Hexagonal Architecture (ports and adapters), and Domain-Driven Design (bounded contexts, aggregates, value objects) \n Includes complete directory structures, code examples, and implementation patterns for Python backends using FastAPI, asyncpg, and similar frameworks \n Demonstrates practical separation of concerns: do

Modern React component patterns for building scalable, maintainable UI libraries. \n \n Covers five core patterns: props API design with TypeScript, composition, render props, custom hooks for logic separation, and performance optimization with React.memo and useMemo \n Includes compound components, polymorphic components, and context-based state sharing for flexible, reusable architectures \n Enforces single responsibility, accessibility standards (aria-*, role, tabindex), and prohibits prop dr

Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.

Establish design token hierarchies, theming infrastructure, and component architecture for scalable design systems. \n \n Covers three-layer token organization: primitive tokens (raw values), semantic tokens (contextual meaning), and component tokens (specific usage) \n Includes theme switching patterns with CSS custom properties, React context providers, system preference detection, and persistent storage \n Provides component architecture patterns including compound components, polymorphic var

Production-grade C#/.NET patterns for APIs, MCP servers, and enterprise backends with modern async, DI, and data access practices. \n \n Covers clean architecture project structure, dependency injection lifetimes, and configuration with IOptions pattern \n Async/await best practices including parallel execution, ConfigureAwait usage, and ValueTask optimization for hot paths \n Entity Framework Core and Dapper repository patterns with query optimization, multi-mapping, and performance considerati

tailwind-ui-patterns