frontend
26
responsive-patterns
Responsive design with Container Queries, fluid typography, cqi/cqb units, and mobile-first patterns for React applications
yonatangross
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
26
form-mutation
Crée un formulaire React Hook Form connecté à une mutation Relay avec validation yup et gestion d'erreurs. Utiliser pour formulaires avec soumission GraphQL.
cap-collectif
development
full-stack
26
dashboard-patterns
Dashboard UI patterns with widget composition, real-time data updates, responsive grid layouts, and data tables for React applications
yonatangross
development
frontend
26
view-transitions
View Transitions API for smooth page transitions, shared element animations, and SPA/MPA navigation in React applications
yonatangross
development
frontend
26
scroll-driven-animations
CSS Scroll-Driven Animations with ScrollTimeline, ViewTimeline, parallax effects, and progressive enhancement for performant scroll effects
yonatangross
development
frontend
26
react-aria-patterns
React Aria (Adobe) accessible component patterns for building WCAG-compliant interactive UI with hooks. Use when implementing buttons, dialogs, comboboxes, menus, and other accessible components in React applications.
yonatangross
development
frontend
26
form-state-patterns
React Hook Form v7 with Zod validation, React 19 useActionState, Server Actions, field arrays, and async validation
yonatangross
development
frontend
26
cartography
Implemente des cartes interactives avec Leaflet et react-leaflet. Couvre markers, clusters, popups, geolocalisation et integration Mapbox.
cap-collectif
development
frontend
26
lazy-loading-patterns
Code splitting and lazy loading with React.lazy, Suspense, route-based splitting, intersection observer, and preload strategies for optimal bundle performance
yonatangross
development
frontend
26
radix-primitives
Radix UI unstyled accessible primitives for dialogs, popovers, dropdowns, and more. Use when building custom accessible components, understanding shadcn internals, or needing polymorphic composition.
yonatangross
development
full-stack
26
type-safety-validation
End-to-end type safety with Zod, tRPC, Prisma, and TypeScript 5.7+ patterns. Use when creating Zod schemas, setting up tRPC, validating input, implementing exhaustive switch statements, branded types, or type checking with ty.
yonatangross
development
full-stack
26
edge-computing-patterns
Use when deploying to Cloudflare Workers, Vercel Edge, or Deno Deploy. Covers edge middleware, streaming, runtime constraints, and globally distributed low-latency patterns.
yonatangross
development
full-stack
26
streaming-api-patterns
Real-time data streaming with SSE, WebSockets, and ReadableStream. Use when implementing streaming responses, real-time data updates, Server-Sent Events, WebSocket setup, live notifications, push updates, or chat server backends.
yonatangross
development
full-stack
26
react-server-components-framework
Use when building Next.js 16+ apps with React Server Components. Covers App Router, streaming SSR, Server Actions, and React 19 patterns for server-first architecture.
yonatangross
development
gaming
26
sports-meme-creator
Generate sport-specific memes from games/moments. Current event reactive content, popular templates, team/player inside jokes.
OneWave-AI
development
gaming
26
game-recap-generator
Convert game stats and highlights into engaging recaps. Multiple styles: Twitter thread, Instagram carousel, blog post, newsletter.
OneWave-AI
development
mobile
26
pwa-patterns
Progressive Web App patterns with Workbox 7.x, service worker lifecycle, offline-first strategies, and installability
yonatangross
development
package-distribution
26
python-packaging
Configure Python package metadata, setup.py, and pyproject.toml for distribution using UV or setuptools. Use when setting up Python packages, configuring build systems, or preparing projects for PyPI publication.
armanzeroeight
development
package-distribution
26
dependency-audit
Analyzes project dependencies for known security vulnerabilities using npm audit, pip-audit, or similar tools. Use when auditing packages, checking for CVEs, or updating vulnerable dependencies.
armanzeroeight
development
package-distribution
26
changelog-manager
Maintains changelogs following Keep a Changelog format, categorizes changes by type. Use when updating CHANGELOG, preparing releases, or documenting version changes.
armanzeroeight
development
package-distribution
26
dependency-manager
Manage Python dependencies using UV, pip-tools, or requirements.txt. Use when setting up dependency management, resolving conflicts, or choosing between UV, pip-tools, and requirements.txt workflows.
armanzeroeight
development
