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

moonshine-appearance-v4

Configures MoonShine v4 admin layouts, menus, palettes, icons, assets, and branding.

4|Updated Mar 2, 2026
Search Tags:#branding#layout#laravel#icons#menu#palette#moonshine
One-click install
npx skills add https://github.com/agarzon/moonshine-v4-skills --skill moonshine-appearance-v4
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: moonshine-appearance-v4
Source: https://github.com/agarzon/moonshine-v4-skills/tree/main/moonshine-appearance-v4
Command: npx skills add https://github.com/agarzon/moonshine-v4-skills --skill moonshine-appearance-v4

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you build and maintain a polished MoonShine v4 admin interface without guessing the framework’s layout, menu, color, icon, and branding APIs. It reduces time lost to trial and error when adapting dashboards, navigation, and theme settings to a project’s design system.

Core Features & Use Cases

  • Layout customization: Extend the standard app layout, control sidebar and top bar behavior, and adjust content spacing for centered or simplified pages.
  • Navigation and branding: Configure menu items, groups, badges, active states, logos, favicons, footer links, and custom labels for a consistent admin experience.
  • Theme and visual system: Apply palettes, manage light and dark modes, select Heroicons, and add CSS or JavaScript assets for branded UI work.
  • Use case: A developer updating a client portal can use this Skill to match the organization’s colors, swap the logo, streamline the sidebar, and prepare Blade-based layout fragments for reuse.

Quick Start

Ask the skill to help you customize a MoonShine v4 layout for your project, and specify the menu, palette, icons, assets, and branding changes you want.

Frequently Asked Questions about moonshine-appearance-v4

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

FAQPage Schema
How do I customize the MoonShine admin layout and sidebar?▼

To customize the MoonShine admin layout, you extend the standard AppLayout class to control sidebar and top bar behavior, adjust content spacing for centered pages, and implement reference-backed Blade templates for consistent rendering.

How do I configure menu items, badges, and logos in a Laravel admin panel?▼

Configuring menu items, badges, active states, and logos in a Laravel admin panel involves using the framework's menu and branding APIs to define navigation groups, custom labels, favicons, and footer links for a consistent experience.

Can I apply custom color palettes and dark mode in MoonShine v4?▼

Yes, you can apply custom color palettes and manage light and dark modes in MoonShine v4 by using the theme and visual system APIs to select palettes, manage modes, and add CSS or JavaScript assets.

Does MoonShine support Heroicons for admin interface navigation?▼

Yes, MoonShine supports Heroicons for admin interface navigation, allowing developers to select and implement specific Heroicons within menu items and navigation groups to maintain a consistent visual system.

What is the best way to brand a Laravel admin dashboard without trial and error?▼

The best way to brand a Laravel admin dashboard is by using the framework's dedicated branding APIs to swap logos, apply organization colors, streamline navigation, and prepare Blade-based layout fragments for reuse.

Do I need to inherit AppLayout to adjust content spacing in MoonShine?▼

Yes, AppLayout inheritance is required to adjust content spacing, control top bar behavior, and compose sidebar elements effectively when customizing MoonShine v4 layouts for simplified or centered pages.

Related Skills

Explore More Software Engineering Skills→
agarzonagarzon
2

moonshine-appearance-v3

Automate MoonShine v3 layout, theme, and branding customization in Laravel admin panels.

Community
Intermediate
agarzonagarzon
4

moonshine-frontend-v4

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

Community
Advanced
agarzonagarzon
2

moonshine-advanced-v3

Extend MoonShine v3 with custom controllers, handlers, routes, and non-Eloquent resources.

Community
Advanced
hasinhayderhasinhayder
553

tyro-dashboard

Automate admin panels, RBAC, and dynamic CRUD setup for Laravel apps.

Community
Intermediate