구조화된 오류, React 오류 경계, 그리고 우아한 성능 저하
이 스킬은 애플리케이션에서 발생하는 오류를 구조화된 방식으로 처리하고, React 오류 경계(Error Boundaries)를 통해 크래시 복구를 지원하며, 사용자 경험을 저해하지 않도록 우아한 성능 저하(Graceful Degradation)를 구현하는 방법을 제공합니다. 주요 기능으로는 `AppError`와 같은 사용자 정의 오류 클래스를 통해 일관된 오류 코드와 HTTP 상태 코드를 반환하고, React 컴포넌트에서 오류 발생 시 fallback UI를 표시하여 앱이 완전히 중단되는 것을 방지합니다. 또한 네트워크 오류(502, 429 등)에 대해 지수 백오프(Exponential Backoff)로 최대 3회 재시도하고, 유효성 검증 오류 시 즉시 400 응답을 반환하며, 오류를 무시하지 않고 사용자 ID, 요청 ID, 타임스탬프, 오류 코드 등 맥락 정보와 함께 로깅합니다. 이 스킬은 모든 React 기반 프론트엔드 및 Node.js 백엔드 환경에서 사용 가능하며, 안정적인 서비스 운영과 사용자 친화적인 오류 메시지 제공에 필수적입니다.
npx skills add https://github.com/YepAPI/skills/tree/HEAD/skills/error-handlingclass AppError extends Error { code: string; statusCode: number }This repo contains 20 individual skills — each has its own dedicated page.
WCAG 2.1 AA — semantic HTML, keyboard navigation, screen readers.
Experiment setup, variant splitting, statistical significance, and feature flag integration.
CRUD generators, data tables, user management, role-based access, and bulk operations.
Monitor what ChatGPT and Gemini say about your brand using YepAPI.
Queue workers with BullMQ/Inngest/Trigger.dev, job retries, dead letter queues, concurrency.
Commander.js, interactive prompts with Clack, spinners, colors, config files, exit codes, and npm publishing.
cmdk integration, Cmd+K trigger, fuzzy search, grouped actions, keyboard navigation, and dynamic action registration.
Content planning with trend and sentiment data from YepAPI.
Content calendar, keyword-driven planning, and content briefs.
Theme switching with CSS variables, system preference detection, next-themes, and persistence.
Threaded comments, @mentions, reactions, moderation queue, optimistic UI, and cursor pagination.
Competitive analysis between domains using YepAPI.
Layout grids, KPI cards, data tables with sorting/filtering, sidebar navigation, and responsive breakpoints.
Data encryption — TLS everywhere, AES-256-GCM for PII, bcrypt passwords, encrypted backups.
Chart patterns with Recharts/Nivo/D3, responsive containers, color scales, and accessibility.
Drizzle schema definition, push vs migrate, type-safe queries, relations, transactions, and prepared statements.
Upload handling, resize/compress, CDN delivery, blur placeholders, and next/image patterns.
Local business and Google Maps research using YepAPI.
Cursor-based pagination, IntersectionObserver, virtualized lists with @tanstack/react-virtual, and scroll position restoration.
Chat UI components, streaming responses with AI SDK, context window management, and RAG patterns.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".