Server Actions — Next.js Form Mutations
Build type-safe server actions for Next.js forms. Validation, error handling, optimistic updates, and revalidation — the modern mutation pattern.
Copilot (GitHub)Claude CodeCursor
#server-actions#mutations#react+2
1,080 views121 copies+99Fresh Snapshot Testing — Visual Regression CI
Set up visual regression testing in CI with Playwright. Capture screenshots, compare against baselines, and block PRs on visual changes.
Copilot (GitHub)Cursor
#playwright#testing#ci+2
973 views73 copies+75Fresh React Server Components — Data Patterns
Master React Server Components data fetching patterns. Server-only queries, streaming with Suspense, waterfall prevention, and cache strategies.
Copilot (GitHub)Claude CodeCursor
#rsc#react#suspense+2
730 views211 copies+43Fresh Web Worker Pool — CPU-Intensive Tasks
Build a Web Worker pool that distributes CPU-intensive tasks across threads. Task queue, load balancing, and progress reporting.
Copilot (GitHub)Cursor
#concurrency#pool#threading+2
663 views154 copies+58Fresh CodeYour contentIntermediate Cypress E2E Test — User Flow Happy Path
Intermediate code generation prompt. Cypress E2E Test with customizable parameters for professional results.
Claude CodeCursor
#testing#e2e#user-flow+2
648 views39 copies+54Aging tRPC v11 — End-to-End Type Safety
Build a full tRPC v11 setup with procedures, middleware, subscriptions, and React Query integration. Full-stack TypeScript type safety.
Copilot (GitHub)Claude CodeCursor
#fullstack#api#react-query+2
594 views61 copies+63Fresh Electron IPC Bridge — Secure Main/Renderer Communication
Advanced code generation prompt. Electron IPC Bridge with customizable parameters for professional results.
Copilot (GitHub)
#bridge#electron#security+2
561 views17 copies+51Aging CodeYour contentIntermediate SvelteKit Route — Load Function & Form Actions
Craft sveltekit route with this structured code prompt. Adjustable variables let you fine-tune the output.
Copilot (GitHub)
#sveltekit#svelte#routing+2
400 views23 copies+50Aging Three.js Scene — Interactive 3D Web Experience
Advanced code generation prompt. Three.js Scene with customizable parameters for professional results.
Claude CodeCursor
#webgl#3d#web+2
385 views14 copies+35Aging Storybook Component — Interactive Docs
A beginner-level code prompt for creating storybook component. Fill in the variables to customize the output for your specific needs.
Claude CodeCursor
#docs#storybook#ui+2
378 views30 copies+42Aging CSS Animation — Keyframe Micro-Interactions
Craft css animation with this structured code prompt. Adjustable variables let you fine-tune the output.
Claude CodeCursor
#ui#css#keyframe+2
372 views22 copies+31Stale Stripe Payment Integration — Checkout Flow
A advanced-level code prompt for creating stripe payment integration. Fill in the variables to customize the output for your specific needs.
Claude CodeCursor
#billing#checkout#payment+2
336 views29 copies+42Aging CodeYour contentIntermediate Next.js API Route — Auth + Rate Limiting
Craft next.js api route with this structured code prompt. Adjustable variables let you fine-tune the output.
Claude CodeCursor
#fullstack#auth#rate-limit+2
324 views20 copies+54Stale CodeYour contentIntermediate Vue 3 Composition API — Reusable Composable
A intermediate-level code prompt for creating vue 3 composition api. Fill in the variables to customize the output for your specific needs.
Claude CodeCursor
#composition-api#vue#composable+2
296 views19 copies+37Aging Zustand Store — Global State with Persist
Beginner code generation prompt. Zustand Store with customizable parameters for professional results.
Claude CodeCursor
#state#react#persist+2
296 views17 copies+37Stale CodeYour contentIntermediate Flutter Widget — Cross-Platform UI Component
Intermediate code generation prompt. Flutter Widget with customizable parameters for professional results.
Copilot (GitHub)Claude Code
#flutter#mobile#widget+2
280 views21 copies+28Aging Streaming LLM Response — Server-Sent Events
Implement streaming LLM responses with Server-Sent Events. Token-by-token output from API to browser with proper error handling and abort.
Copilot (GitHub)Claude CodeCursor
#api#sse#server-sent-events+2
277 views104 copies+39Fresh SVG Icon Component — Accessible + Animated
Craft svg icon component with this structured code prompt. Adjustable variables let you fine-tune the output.
Claude CodeCursor
#accessible#svg#icon+2
255 views16 copies+51Aging CodeYour contentIntermediate Tailwind Config — Custom Design System
A intermediate-level code prompt for creating tailwind config. Fill in the variables to customize the output for your specific needs.
Claude CodeCursor
#tokens#config#tailwind+2
248 views12 copies+31Aging CodeYour contentIntermediate Solid.js Signal Store — Reactive State Management
A intermediate-level code prompt for creating solid.js signal store. Fill in the variables to customize the output for your specific needs.
Copilot (GitHub)
#reactivity#signals#state-management+1
234 views21 copies+39Stale CodeYour contentIntermediate React Component Generator — TypeScript + Tailwind
Intermediate code generation prompt. React Component Generator with customizable parameters for professional results.
Claude CodeCursor
#react#tailwind#typescript+2
204 views23 copies+51Aging CodeYour contentIntermediate Code Splitting Config — Dynamic Import Strategies
Craft code splitting config with this structured code prompt. Adjustable variables let you fine-tune the output.
Copilot (GitHub)
#webpack#code-splitting#dynamic-import+2
188 views34 copies+47Stale TypeScript Type Wizard — Complex Generics
A advanced-level code prompt for creating typescript type wizard. Fill in the variables to customize the output for your specific needs.
Claude CodeCursor
#advanced#types#generics+2
180 views27 copies+45Aging CodeYour contentIntermediate Astro Component — Static Island Architecture
Craft astro component with this structured code prompt. Adjustable variables let you fine-tune the output.
Copilot (GitHub)Gemini Code Assist
#static-site#web#astro+2
176 views8 copies+16Aging