skills.rest
agarzon
agarzonCOMMUNITY
Explore all skills by this author →
GitHub

moonshine-components-v4

Build MoonShine v4 admin interfaces with component usage and async interactions.

4|Updated Mar 2, 2026
Search Tags:#laravel#ui components#admin panel#form builder#moonshine#async events#table builder
One-click install
npx skills add https://github.com/agarzon/moonshine-v4-skills --skill moonshine-components-v4
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: moonshine-components-v4
Source: https://github.com/agarzon/moonshine-v4-skills/tree/main/moonshine-components-v4
Command: npx skills add https://github.com/agarzon/moonshine-v4-skills --skill moonshine-components-v4

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you assemble MoonShine v4 admin interfaces without constantly searching through component APIs, event patterns, and layout options. It gives AI coding agents a reliable reference for building forms, tables, overlays, navigation, and display elements correctly the first time.

Core Features & Use Cases

It covers the main UI building blocks in MoonShine v4, including FormBuilder, TableBuilder, ActionButton, layout containers, tabs, cards, metrics, modals, off-canvas panels, alerts, and loading states. It also explains async interactions, event-driven updates, conditional rendering, and reusable composition patterns for complex admin screens. Use it when generating CRUD pages, dashboard widgets, interactive filters, modal workflows, or custom admin layouts that must behave consistently with MoonShine conventions.

Quick Start

Ask the AI to build or fix a MoonShine v4 admin screen using the component patterns, async events, and layout conventions described in this skill.

Frequently Asked Questions about moonshine-components-v4

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Laravel admin panel using MoonShine v4 UI components?▼

Building MoonShine v4 admin interfaces involves using FormBuilder, TableBuilder, layout containers, and ActionButton to construct CRUD pages, dashboards, and custom layouts with correct component naming and API method chaining.

How do async events work in MoonShine admin panels?▼

MoonShine async interactions work by wiring events to UI components, enabling event-driven updates, conditional rendering, and loading states for interactive filters and modal workflows without requiring full page reloads.

Can I use MoonShine v4 for creating dashboards with metrics and cards?▼

Yes, MoonShine v4 supports dashboard creation by composing metrics, cards, layout containers, and display elements into reusable patterns that behave consistently with admin panel conventions.

What is the best way to structure overlays and modals in a Laravel admin panel?▼

Structuring overlays in a Laravel admin panel involves using MoonShine's modals, off-canvas panels, and alerts to handle interactive workflows, loading states, and conditional UI scenarios with correct event wiring.

Do I need specific Laravel knowledge to build MoonShine admin interfaces?▼

You need Laravel framework knowledge to build MoonShine admin interfaces, as production-ready code requires correct API-specific method chaining, component naming, and event wiring within the MoonShine ecosystem.

Why are my MoonShine v4 form builder components not rendering correctly?▼

MoonShine v4 form builder components fail to render correctly when component naming, API method chaining, or event wiring are incorrect, requiring accurate references for FormBuilder and layout composition to fix.

Related Skills

Explore More Software Engineering Skills→
agarzonagarzon
4

moonshine-setup-v4

Configure MoonShine v4 installation and bootstrap for Laravel applications.

Community
Advanced
agarzonagarzon
4

moonshine-frontend-v4

Configure MoonShine v4 frontend API mode, JWT auth, SDUI, and Alpine.js events.

Community
Advanced
sasabajicsasabajic
1

laravel-eloquent-database

Enforce Laravel Eloquent ORM best practices for models, migrations, and queries.

Community
Intermediate
codebar-agcodebar-ag
3

design

Standardize Blade UI components and styling across Laravel views.

Official
Advanced