skills.rest
FutureAtoms
FutureAtomsCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-media-picker-design

Design media picker and gallery interfaces for iOS and Android.

1|Updated Mar 11, 2026
Search Tags:#design#ui#mobile#ux#camera#gallery#media picker
One-click install
npx skills add https://github.com/FutureAtoms/claude-skills-backup --skill ui-ux-media-picker-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-media-picker-design
Source: https://github.com/FutureAtoms/claude-skills-backup/tree/main/ui-ux-media-picker-design
Command: npx skills add https://github.com/FutureAtoms/claude-skills-backup --skill ui-ux-media-picker-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps design user interfaces for selecting and managing media (photos, videos) within applications, ensuring a smooth and intuitive user experience.

Core Features & Use Cases

  • Media Picker Design: Create designs for system or custom media pickers, including photo selection, camera capture, and cropping.
  • Gallery Interfaces: Design visually appealing and functional photo galleries and viewers.
  • Upload Progress: Visualize upload states and handle batch uploads effectively.
  • Use Case: Design the interface for a social media app's photo upload feature, allowing users to select multiple photos, crop them, and see the upload progress.

Quick Start

Design a media picker for a user profile photo upload feature.

Frequently Asked Questions about ui-ux-media-picker-design

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

FAQPage Schema
How do I design a media picker UI for both iOS and Android?▼

Designing a media picker UI for iOS and Android involves creating interfaces for system or custom pickers, addressing multi-select patterns, camera capture flows, and upload state visualization to ensure cross-platform consistency.

What is the best way to design a multi-select photo gallery interface?▼

The best way to design a multi-select photo gallery is to build a custom UI that visually highlights selected items, integrates cropping tools, and clearly displays batch upload progress states for user clarity.

How does camera capture flow integrate with custom gallery UI design?▼

Camera capture flow integrates with custom gallery UI design by combining system picker integration and custom UI design, allowing users to seamlessly switch between capturing new photos and selecting existing media.

How do I visualize upload progress for batch photo selections in mobile UX?▼

Visualize upload progress for batch photo selections by designing clear upload state visualizations within the interface, effectively handling batch uploads and providing feedback during the photo upload process.

When should I use a system picker vs a custom media picker design?▼

Use a system picker for standard media selection tasks, but switch to a custom media picker design when your app requires advanced multi-select patterns, specific cropping tools, or tailored upload state visualization.

Can I design image cropping tools within a mobile media picker interface?▼

Yes, you can design image cropping tools within a mobile media picker interface to allow users to adjust photos after selection or camera capture, ensuring a smooth and intuitive user experience before upload.

Related Skills

Explore More Design & Creative Skills→
houkehouke

user-flow-design

Map user journeys and define interaction patterns for web and mobile applications.

Community
Basic
VGonPaVGonPa
2

mobile-design-review

Audit mobile designs for usability, accessibility, and visual consistency gaps.

Community
Advanced
alejandro-technologyalejandro-technology

image-handling

Standardize image selection, processing, and caching in React Native apps.

Community
Advanced
emilyLi2020emilyLi2020
2

Expo UI Jetpack Compose

Integrate Jetpack Compose components and Material Design 3 into Expo SDK 55 Android builds.

Community
Intermediate