image-management
CommunityStreamline image handling, from upload to display.
Software Engineering#optimization#laravel#webp#file upload#admin panel#polymorphic#image management#filament
AuthorHieubkav
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Managing images in web applications can be complex, leading to inconsistent storage, performance issues, and difficult maintenance. This skill provides a centralized, polymorphic image management system for Laravel and Filament, ensuring efficient storage, automatic optimization, and a seamless user experience.
Core Features & Use Cases
- Centralized Polymorphic System: Store all images in a single table, easily linking them to any model (products, articles, settings).
- Automated Optimization: Automatically convert uploads to WebP format (85% quality) and resize large images, improving website performance.
- Filament Integration: Utilize a native CheckboxList picker for selecting existing images with previews and search, and manage galleries with drag-and-drop reordering.
- Use Case: You need to add an image gallery to your product pages. Use this skill to implement the
ImagesRelationManager, allowing admins to upload new images, select from a library, reorder them, and ensure they are optimized for web display.
Quick Start
I need to add an image gallery to my Product model in Filament. Show me how to set up the polymorphic relationship and integrate the ImagesRelationManager.
Dependency Matrix
Required Modules
intervention/image
Components
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: image-management Download link: https://github.com/Hieubkav/wincellarCloneBackend/archive/main.zip#image-management 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.