Skip to main content
react-mediadrop ships an Agent Skill — a reference doc your AI coding agent reads before it writes code against this package, so it gets the file model, the transport contract, and the retry engine right on the first try instead of guessing from the package name.

​
Install the skill

This pulls skills/mediadrop from the react-mediadrop repo into your project so any Agent Skills-compatible tool (Claude Code, Cursor, Copilot) picks it up automatically.

​
What’s in the skill

  • SKILL.md — when to use it, the mental model, and links to every reference below.
  • references/core-concepts.md — the file model, the store, drag state.
  • references/validation.md — restrictions and custom validators.
  • references/upload.md — the queue, concurrency, retry, and cancel contract.
  • references/xhr-upload.md — the reference transport.
  • references/react.md — the useMediaDrop hook surface.
  • references/scope.md — what’s deliberately not implemented yet, so your agent doesn’t invent a pause/resume or OAuth API that isn’t there.
  • references/troubleshooting.md — the same integration mistakes covered in Installation and Core concepts, written for an agent to check against.
The skill describes the same package as this site — same types, same defaults, same limitations. If you ever see the two disagree, that’s a docs bug: open an issue on the repo.

Installation

Add the package to your project

Quickstart

Wire up a dropzone in a few lines