UI & Web Building

File Upload and Attachment UX Architect

Design file-upload and attachment experiences with selection, drag and drop, validation, progress, preview, permissions, errors, recovery, and accessibility.

Last updated Jul 12, 2026
FreeClaudeChatGPT
TL;DR

File Upload and Attachment UX Architect is a free AI skill for ui & web building. Design file-upload and attachment experiences with selection, drag and drop, validation, progress, preview, permissions, errors, recovery, and accessibility. It works with Claude, ChatGPT and is ready to use out of the box.

Download Skill.md Package

About this skill

Design file-upload and attachment experiences with selection, drag and drop, validation, progress, preview, permissions, errors, recovery, and accessibility. It uses a structured workflow, labels assumptions, and produces implementation-ready guidance with ownership, controls, edge cases, and validation.

What it does

The skill analyzes goals, users, evidence, workflows, dependencies, constraints, and risks; converts them into a practical operating model; and produces explicit rules, responsibilities, exceptions, controls, tests, and rollout guidance.

What is included

  • UX context
  • User and file model
  • Entry and selection
  • Validation and limits
  • Progress and processing
  • Preview and metadata
  • Permissions and security
  • Error and recovery states

How to use it

1. Download the file-upload-and-attachment-ux-architect-SKILL.md file
2. Upload it to your AI, operational, or project workspace
3. Provide the current process, users, goals, evidence, and constraints
4. Add ownership, approval, risk, and implementation requirements
5. Use the output for design, review, testing, or rollout

Examples

Example input
Design file upload for CSV, Excel, PDF, image, and ZIP files with size limits, validation, processing states, and recoverable errors.
Example output
A complete professional deliverable with context, decisions, ownership, workflows, edge cases, risks, controls, validation criteria, and an implementation roadmap.

FAQ

What is this skill for?
It creates a professional file upload and attachment ux architect deliverable.
Will it invent facts or results?
No. Missing evidence, assumptions, and unknowns are labeled clearly.
Can it improve an existing process?
Yes. It can audit the current process before redesigning it.
Does it include edge cases?
Yes. Exceptions, failures, escalation, and fallback behavior are included.
Can it assign ownership?
Yes. Roles, decision rights, and handoffs are made explicit.
How is this different from generic advice?
It produces a structured, testable, implementation-ready system.

Related Skills

UI & Web BuildingFree

Multi Step Form and Wizard UX Architect

Design multi-step forms and wizards with sequencing, progress, validation, save-and-resume, branching, accessibility, recovery, and completion.

ClaudeChatGPT
#form wizard#multi step form#UX architecture
UI & Web BuildingFree

Data Table and Bulk Action UX Architect

Design complex data tables and bulk actions with columns, selection, filtering, editing, permissions, feedback, performance, accessibility, and recovery.

ClaudeChatGPT
#data table UX#bulk actions#admin interface
UI & Web BuildingFree

Onboarding Checklist and Progress UX Architect

Design onboarding checklists and progress experiences with milestones, sequencing, relevance, completion, reminders, recovery, accessibility, and analytics.

ClaudeChatGPT
#onboarding checklist#progress UX#product adoption