patterns▌

This skill covers how to configure ignore patterns to exclude files and directories from GrepAI indexing.

Modern responsive design patterns using Container Queries, fluid typography, and mobile-first strategies for React applications (2026 best practices).

Expert guidance for AI assistants on using Mapbox search tools effectively. Covers tool selection, parameter optimization, and best practices for geocoding, POI search, and location discovery.

Comprehensive patterns for visualizing data on Mapbox maps. Covers choropleth maps, heat maps, 3D extrusions, data-driven styling, animated visualizations, and performance optimization for data-heavy applications.

A disciplined approach to improving the internal structure of existing code without changing its observable behavior. Apply these named transformations when reviewing code, reducing technical debt, or preparing code for new features. Every refactoring follows the same loop: verify tests pass, apply one small structural change, verify tests still pass.

Scalable backend architecture patterns for Node.js, Express, and Next.js applications. \n \n Covers RESTful API design, repository pattern for data abstraction, service layer separation, and middleware pipelines for request processing \n Includes database optimization techniques: query selection, N+1 prevention, transactions, and Redis caching strategies \n Provides authentication and authorization patterns: JWT validation, role-based access control, and rate limiting implementations \n Features

Modern utility-first CSS with CSS-native configuration and container queries. \n \n CSS-first configuration using @theme directives instead of JavaScript, powered by the Oxide engine for 10x faster compilation \n Native container queries ( @container , @sm: , @md: ) for component-level responsive design independent of viewport \n Comprehensive design token architecture using CSS variables for colors, spacing, typography, and semantic naming \n Mobile-first responsive breakpoints ( sm: , md: , lg

$22

Expert guidance for designing Zapier and Make automations that scale without complexity. \n \n Distinguishes when workflows belong in Zapier (simple, fast, maximum integrations) versus Make (complex branching, data transformation, budget optimization) \n Covers three core patterns: basic trigger-action, multi-step sequential chains, and conditional branching with different actions based on conditions \n Identifies critical anti-patterns including typing in dropdown fields, missing error handling

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 for flexible, reusable UI architecture \n Includes custom hooks for state management, async data fetching, debouncing, and context-based state with reducers \n Performance optimization techniques: memoization, code splitting with lazy loading, and list virtualization for large datasets \n Form handling