moonshine-fields-v4

Build and configure MoonShine v4 fields for admin panel forms, tables, and filters.

4|Updated Mar 2, 2026
One-click install
npx skills add https://github.com/agarzon/moonshine-v4-skills --skill moonshine-fields-v4
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moonshine-fields-v4
Source: https://github.com/agarzon/moonshine-v4-skills/tree/main/moonshine-fields-v4
Command: npx skills add https://github.com/agarzon/moonshine-v4-skills --skill moonshine-fields-v4

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you work confidently with MoonShine v4 field definitions, so you can build forms, tables, filters, and resource UIs without guessing APIs or misusing field behavior.

Core Features & Use Cases

  • Field Creation and Configuration: Define text, selection, file, editor, structural, and relationship fields with the correct MoonShine patterns.
  • Behavior and Lifecycle Control: Handle preview modes, raw values, validation, apply hooks, fill logic, reactivity, and conditional display.
  • Practical Use Cases: Ideal for building CRUD screens, inline editing experiences, custom relationship forms, media uploads, and reusable field components in MoonShine admin panels.

Quick Start

Ask the skill to help you design or debug a MoonShine v4 field setup for a specific resource, such as a form with validation, relationships, and reactive behavior.

Frequently Asked Questions about moonshine-fields-v4

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

FAQPage Schema
How do I configure MoonShine v4 fields for an admin panel form?

To configure MoonShine v4 fields for an admin panel form, define text, selection, file, editor, structural, and relationship fields using correct MoonShine patterns to ensure proper UI rendering and data handling. This covers basic inputs and selection controls.

How does field reactivity and conditional display work in MoonShine admin panels?

Field reactivity and conditional display in MoonShine admin panels work by utilizing interactive field logic, showWhen conditions, and lifecycle handling to dynamically show or hide inputs based on other field values. This ensures dynamic form behavior.

Can I use MoonShine fields for managing database relationships in resource screens?

Yes, you can use MoonShine fields for managing database relationships in resource screens by configuring relationship fields and custom relationship forms. This allows seamless linking and editing of related data within your CRUD screens.

What is the best way to handle file upload processing in MoonShine v4?

The best way to handle file upload processing in MoonShine v4 is by defining file fields with proper upload processing and validation logic. This ensures media uploads are correctly attached, stored, and previewed within resource screens.

Why are my MoonShine field preview modes showing raw values instead of formatted data?

MoonShine field preview modes show raw values instead of formatted data when preview behavior and raw value handling are not correctly configured in the field lifecycle. Adjusting apply hooks and fill logic resolves this display issue.

Do I need custom field extension logic to build complex CRUD screens in MoonShine?

You need custom field extension logic to build complex CRUD screens in MoonShine when standard inputs, structural widgets, and relationship fields cannot meet specific inline editing or reusable component requirements. This allows tailored admin panel behavior.