Menu
Design React Suspense boundaries interactively. Use when planning loading states, configuring boundary granularity, or combining with ErrorBoundary.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
Implement CQRS pattern for Electron services. Use when creating service methods with Observable queries and ResultAsync commands.
Advanced patterns for Hono-based Electron IPC including Zod validation and error handling. Use when adding validation or handling errors in routes.
Implement type-safe IPC routes in Electron using Hono RPC. Use when creating API routes between main and renderer processes.
Set up Hono-based type-safe IPC for Electron. Use when implementing IPC or migrating from ipcRenderer to type-safe RPC.
Implement reactive state management with Jotai atoms in Electron renderer. Use when creating atoms with real-time IPC updates or hybrid stream + HTTP patterns.
| name | suspense-boundary-design |
| description | Design React Suspense boundaries interactively. Use when planning loading states, configuring boundary granularity, or combining with ErrorBoundary. |
| allowed-tools | Read, Write, Edit, Grep, Glob |
import { ErrorBoundary } from 'react-error-boundary';
<ErrorBoundary FallbackComponent={ErrorFallback}>
<Suspense fallback={<Skeleton />}>
<AsyncComponent />
</Suspense>
</ErrorBoundary>
Rule: ErrorBoundary wraps Suspense (outside).