Agent skill

Install the mediadrop Agent Skill so your AI coding agent integrates react-mediadrop correctly

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

npx skills add autorender/react-mediadrop

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.