ai-agent

Advanced Nova Media Library

Name: Advanced Nova Media Library
Author: ebess

A Laravel Nova field for displaying, creating, updating and ordering a Spatie Media Library model.

615 stars331 forksVueUpdated 4/15/2026100% free · open source

What it does

Adds a Nova UI field that lets you upload, view, edit and reorder files stored via Spatie’s Media Library.

When to use it

•Your admin panel (Laravel Nova) needs a clean way to manage product images, PDFs, or any media attached to a model.
•You want drag‑and‑drop ordering of media items directly in Nova.
•You already use Spatie Media Library for storage and need a Nova field that respects its disks, conversions and validation.

Ready-to-paste prompt

In a Nova resource for a `Product` model, add a drag‑and‑drop gallery field that stores images on the `s3` disk and limits uploads to 5 MB each:
```php
AdvancedNovaMediaLibrary::make('Gallery')
    ->disk('s3')
    ->multiple()
    ->maxFiles(10)
    ->maxSize(5120) // kilobytes
    ->rules('mimes:jpeg,png')
    ->sortable();
```

Heads up: The field only works after Spatie’s Media Library is fully set up; forgetting to add `InteractsWithMedia` to the model or to run the Media Library migrations will cause a runtime error when Nova tries to load the field.

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/advanced-nova-media-library && curl -fsSL https://workflowstacks.com/api/skills/advanced-nova-media-library/claude-skill -o ~/.claude/skills/advanced-nova-media-library/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/advanced-nova-media-library && curl -fsSL https://workflowstacks.com/api/skills/advanced-nova-media-library/claude-skill -o ~/.claude/skills/advanced-nova-media-library/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

ebess

Language

Vue