coui-file-input
OfficialStreamline file selection and uploads.
Authorcoco-de
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the process of integrating file selection, upload fields, and icon mapping into your Flutter or Web applications, making user interactions with files more intuitive and efficient.
Core Features & Use Cases
- Cross-Platform File Inputs: Provides a consistent
FileInputcomponent for both Flutter and Web applications. - File Type Filtering: Easily restrict uploads to specific file types using the
acceptparameter. - Icon Mapping: Automatically displays relevant icons for various file types in Flutter applications.
- Styling Options: Offers color, size, and ghost variants for web inputs to match your UI design.
- Use Case: Implement a user profile page where users can upload their avatar, ensuring only image files are accepted and displaying a preview with an appropriate icon.
Quick Start
Add a basic file input field to your Flutter application that prints the names of selected files.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: coui-file-input Download link: https://github.com/coco-de/skills/archive/main.zip#coui-file-input Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.