Presigned URL 업로드, 대용량 파일을 위한 멀티파트 업로드, S3/R2/Supabase Storage 지원.
이 스킬은 파일 업로드 기능을 구현할 때 클라이언트가 서버를 거치지 않고 직접 스토리지(S3, R2, Supabase Storage)에 업로드할 수 있도록 Presigned URL 방식을 사용합니다. 5MB 이상의 대용량 파일은 자동으로 청크로 분할하여 병렬 업로드하는 멀티파트 업로드를 지원합니다. 클라이언트에서는 파일 타입과 크기를 사전 검증하고, 서버에서는 Magic Bytes를 확인하여 확장자에 의존하지 않는 철저한 검증을 수행합니다. 또한 업로드 시 이미지를 자동 리사이즈(최대 2048px), WebP 변환, EXIF 제거하며, XMLHttpRequest나 fetch의 ReadableStream을 활용한 진행률 추적을 제공합니다. 보안이 중요한 컨텍스트에서는 바이러스 스캔 기능도 포함할 수 있습니다.
npx skills add https://github.com/YepAPI/skills/tree/HEAD/skills/file-uploadsXMLHttpRequest 또는 fetch의 ReadableStream을 사용하여 업로드 진행률을 추적합니다.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".