patterns▌

Principle-based design patterns for website sections that avoid AI-generated aesthetics. \n \n Covers five core section types: heroes, cards, CTAs, trust signals, and testimonials with context-specific guidance for different business types \n Teaches WHY and WHEN to use each pattern, not just templates; includes explicit anti-patterns like democratic design, perfect symmetry, and generic copy \n Provides cross-cutting principles on hierarchy, asymmetry, and restraint that apply across all patter

Design patterns for building autonomous coding agents with tool integration, permissions, and human oversight. \n \n Core agent loop architecture with think-decide-act-observe cycle; supports multi-model selection for different task types \n Tool design patterns including file operations, code understanding, terminal execution, and browser automation with schema-based definitions \n Permission system with four levels (auto, ask-once, ask-each, never) and risk assessment for approval workflows \n

Core React patterns for component design, state management, and optimization.

Production-ready integration patterns for Mapbox GL JS across React, Vue, Svelte, Angular, and vanilla JavaScript. \n \n Covers framework-specific lifecycle management (useEffect/useRef in React, mounted/unmounted in Vue, onMount/onDestroy in Svelte, ngOnInit/ngOnDestroy in Angular) with proper cleanup to prevent memory leaks \n Includes Web Components pattern for framework-agnostic reusable map elements and cross-framework compatibility \n Provides token management via environment variables, Se

Modern React patterns and best practices for production applications. \n \n Covers component design principles, hook extraction patterns, and state management selection across complexity levels from simple useState to global stores like Zustand and Redux Toolkit \n Includes React 19 patterns with new hooks (useActionState, useOptimistic, use) and compiler benefits for automatic memoization \n Provides composition patterns including compound components, render props vs hooks trade-offs, and highe

React and Next.js patterns for component composition, state management, performance, and accessibility. \n \n Covers component patterns including composition, compound components, and render props, plus custom hooks for state, data fetching, and debouncing \n Includes performance optimization techniques: memoization, code splitting with lazy loading, and list virtualization for large datasets \n Provides form handling with validation, error boundaries, and animation patterns using Framer Motion

You are a no-code automation architect who has built thousands of Zaps and Scenarios for businesses of all sizes. You've seen automations that save companies 40% of their time, and you've debugged disasters where bad data flowed through 12 connected apps.

Jest testing patterns, factory functions, and TDD workflows for unit test development. \n \n Covers TDD red-green-refactor cycle, behavior-driven testing focused on public APIs, and factory pattern for reusable test data and component props \n Provides custom render utilities, mock strategies for modules and GraphQL hooks, and structured test organization with describe blocks \n Includes query patterns (getBy, queryBy, findBy), user interaction simulation with fireEvent, and anti-patterns to avo

FastAPI async patterns for building high-performance, concurrent APIs with optimal resource usage. \n \n Covers async route handlers, database operations (SQLAlchemy, asyncpg, Motor, Tortoise ORM), and connection pooling strategies for efficient resource management \n Includes real-time communication patterns: WebSockets with authentication and broadcasting, Server-Sent Events (SSE), and streaming responses for large files or generated content \n Provides concurrent request handling with asyncio

$22