skills.rest
bettyguo
bettyguoCOMMUNITY
Explore all skills by this author →
GitHub

upload-download-file

Upload local files to input elements or capture downloaded file paths in browser automation.

8|Updated May 13, 2026
Search Tags:#playwright#download#upload#html5#browser-automation#file-input
One-click install
npx skills add https://github.com/bettyguo/browser-skills --skill upload-download-file
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: upload-download-file
Source: https://github.com/bettyguo/browser-skills/tree/main/skills/upload-download-file
Command: npx skills add https://github.com/bettyguo/browser-skills --skill upload-download-file

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates browser-based file interactions by uploading local files to input elements or capturing downloaded file paths, enabling reliable file attachments and download-path tracking in browser automation workflows.

Core Features & Use Cases

  • Upload mode: waits for input[type='file'], fills it with a local path, and confirms the file is attached.
  • Download mode: handles browser download events and records the resulting file path for downstream steps.
  • Use cases: attach documents in multi-step forms and validate end-to-end file transfer in tests.

Quick Start

Use the skill to upload a local file by setting vars.file_path when an input[type='file'] is present, or to capture a downloaded file path when a download occurs.

Frequently Asked Questions about upload-download-file

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate file uploads to HTML5 input elements in Playwright?▼

Automate file uploads by waiting for input[type='file'] elements, filling them with a local file path, and confirming the file is attached. This handles form automation and test data setup for browser workflows.

How do I capture downloaded file paths during browser automation?▼

Capture downloaded file paths by handling browser download events and recording the resulting file locations. This download verification produces deterministic results for downstream processing steps.

Can I use this Skill to validate end-to-end file transfers in automated tests?▼

Validate end-to-end file transfers by uploading local files to form inputs and capturing downloaded file paths. This applies to multi-step form automation and test data setup across websites.

What is the best way to attach documents in multi-step forms during browser automation?▼

Attach documents in multi-step forms by setting vars.file_path when an input[type='file'] is present. This confirms the file is attached and enables reliable file attachments in browser automation workflows.

Does this approach work with standard HTML5 file inputs for download verification?▼

This approach works with standard HTML5 file inputs by handling input[type='file'] elements and download events. It produces deterministic results for download verification across websites.

Related Skills

Explore More Software Engineering Skills→
AllBeingsFutureAllBeingsFuture
9

browser-navigate

Navigate the browser to a specified URL with a required protocol.

Community
Basic
theowenyoungtheowenyoung

pdf-reader

Extract text and metadata from PDF files using command-line tools.

Community
Intermediate
shivrosshivros

playwright-cli

Automate browser interactions for web testing, form filling, screenshots, and data extraction.

Community
Intermediate
Open-CuriosityOpen-Curiosity
1.7k

attachments

Move files between Gini upload space, external URLs, and workspace files.

Official
Advanced