Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add roedyrustam/vibes-plug --skill file-upload-media-expertgit clone --depth 1 https://github.com/roedyrustam/vibes-plugWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/roedyrustam/vibes-plug/file-upload-media-expert)<a href="https://agentmods.dev/skills/roedyrustam/vibes-plug/file-upload-media-expert"><img src="https://agentmods.dev/badge/skills/roedyrustam/vibes-plug/file-upload-media-expert/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/roedyrustam/vibes-plug/file-upload-media-expert"><img src="https://agentmods.dev/badge/skills/roedyrustam/vibes-plug/file-upload-media-expert.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00076 | $0.04291 |
| Opus 5.5 | $0.00030 | $0.01716 |
| Sonnet 5.5 | $0.00015 | $0.00858 |
| Haiku 4.5 | $0.00008 | $0.00429 |
Grade A, and why
file-upload-media-expert scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 429 lines — stays where its author put it; the contents beside it link to each section on GitHub.
File Upload & Media Expert (2026 Edition)
English
Orchestration & Integration
Connects and orchestrates with domain skills:
- UI & Design System:
senior-frontend,design-system-architect,ui-ux-pro-max,modern-web-guidance,modern-css-native-expert, andanti-slopfor accessible drag-and-drop dropzones, file preview cards, progress rings, and WCAG 2.2 AA compliant upload states. - Visual Auditing:
visual-ui-auditorfor verifying 5-state interactive contracts (idle, dragover, uploading, success, error) and 1px crisp borders. - Cloud & Performance:
cloud-hosting-expert,performance-web-vitals, anddatabase-orm-expertfor CDN delivery, responsive image variants, and atomic metadata storage. - Orchestration:
brainstormingandzero-to-prod-orchestratorfor end-to-end media pipeline delivery.
Description
Production-grade guide for building secure, performant file upload systems and media processing pipelines. Covers presigned URL upload patterns (S3, R2, Supabase Storage), multipart uploads with progress tracking, image optimization (Sharp, Cloudflare Images, Vercel OG), video transcoding (Mux, Cloudflare Stream), PDF generation, file validation & virus scanning, CDN configuration, and drag-and-drop UI components.
Trigger Conditions
Activate this skill when:
- Implementing file upload functionality (images, documents, videos).
- Setting up cloud storage (AWS S3, Cloudflare R2, Supabase Storage, UploadThing).
- Building image processing pipelines (resize, crop, watermark, format conversion).
- Implementing drag-and-drop file upload UI components.
- Configuring CDN for static assets and media delivery.
- Generating PDFs or processing documents server-side.
- Building avatar/profile picture upload functionality.
Storage Provider Selection Guide
| Provider | Best For | Key Strength | Egress Cost |
|---|---|---|---|
| Cloudflare R2 | Cost-sensitive, global | Zero egress fees, S3-compatible | $0 |
| AWS S3 | Enterprise, AWS ecosystem | Most mature, rich feature set | $0.09/GB |
| Supabase Storage | Supabase-powered apps | RLS integration, built-in transforms | Included in plan |
| UploadThing | Quick prototyping | React components, zero config | Included in plan |
| Vercel Blob | Vercel-hosted apps | Seamless Vercel integration | Included in plan |
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago Changed · -11 lines · +76 tokens per session 29147543e5a1
- 6d ago Changed · +2 lines · -76 tokens per session 9668e95c0e86
- 9d ago Changed 059af7ff0bed
- 18d ago Changed b7046cfcdf30
- 23d ago Changed ce880410bc76
- 24d ago Changed 2b8fa7909e04
- 26d ago Changed · -6 lines · +63 tokens per session 29b079390d58
- 28d ago Changed · +6 lines · -63 tokens per session 147afdb7cadf
- 1mo ago Changed 239e207128f2
- 1mo ago First seen · 438 lines · 76 tokens per session scan A 41e1cc840435
file-upload-media-expert is a skill published in the GitHub repository roedyrustam/vibes-plug (114 stars, last pushed today), licensed MIT. It adds 76 tokens to every session and 4,291 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
nodejs-backend-patterns
Build production-ready Node.js backend services with Express/Fastify, implementing middleware patterns, error handling, authentication, database integration, and API design best practices. Use when creating Node.js servers, REST APIs, GraphQL backends, or microservices architectures.
api-design-principles
Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.
api-security-best-practices
Implement secure API design patterns including authentication, authorization, input validation, rate limiting, and protection against common API vulnerabilities.
builder
Implementing robust business logic, API integrations, data models, and reproducible AI image-generation code with type safety. Use for production implementation, Gemini image API pipelines, or interactive pair programming.
system-and-data-design
Decide whether the system will hold, and where the data lives: requirements and load first, then back-of-the-envelope numbers, building blocks (cache, queue, load balancer, CDN), and the data layer in depth — storage engines, indexes, replication, partitioning, transactions and consistency, batch vs stream. Use when…
evolutionary-modular-architecture
Guides design and implementation of evolutionary modular-monolith platforms with DDD (strategic + tactical), flat-by-aggregate organization, an Anti-Corruption Layer for vendor independence, a transactional outbox for events, smart resilience (backoff with jitter, circuit breakers, idempotency), and a polished…