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.

616 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.

How advanced-nova-media-library works

Codeflow

Free to inspect

Advanced-nova-media-library is a small Vue project (~1.9k lines across 30 code files). Setup is light: runs with Docker. Last commit 6 months ago, no license file, no tests found.

Size

Small codebase

~1.9k lines · 30 code files · 16 min skim

Setup

Light setup

Runs with Docker.

Runs on

PHP · Docker

No API keys detected

Vue 57%PHP 40%JavaScript 3%

Where to start reading

1
readme.md
Start here — what it does and how to install it
2
composer.json
Dependencies and the commands it exposes
3
src/AdvancedNovaMediaLibraryServiceProvider.php
Inside src/ — the main logic begins here

What's in each folder

src/Core code — the actual logic13 files

docs/Documentation8 files

resources/Folder16 files

routes/Folder1 files

READMENo tests foundDocumentedNo CIDocker readyNo licenseLast update 6 mo ago

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