image-management

Community

Streamline image handling, from upload to display.

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.