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

moonshine-appearance-v3

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

MoonShine v3 appearance customization is streamlined, enabling rapid tailoring of layouts, menus, colors, icons, assets, dark mode, and branding across the admin panel.

Core Features & Use Cases

  • Layout customization: choose between AppLayout and CompactLayout, customize header, sidebar, and top bar to match branding.
  • Theme and color management: configure light/dark palettes, custom colors, and semantic theming for consistent UI.
  • Asset and branding integration: wire branding assets and iconography across layouts and pages for cohesive visuals.

Quick Start

Configure MoonShine v3 appearance in your app by editing the SKILL.md and its references to tailor layouts, colors, icons, and branding.

Frequently Asked Questions about moonshine-appearance-v3

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

FAQPage Schema
How do I customize the MoonShine v3 admin panel layout in Laravel?▼

You customize MoonShine v3 layouts by selecting AppLayout or CompactLayout to configure headers, sidebars, and top bars to match your project's branding requirements.

What is the best way to configure dark mode and custom colors for MoonShine admin panels?▼

Configuring dark mode and custom colors for MoonShine admin panels involves defining a light and dark color palette system to ensure consistent semantic theming across the UI.

Can I wire custom branding assets and icons into MoonShine v3 pages?▼

Yes, you can wire branding assets and iconography across MoonShine v3 layouts and pages to achieve cohesive visual branding throughout the admin panel.

How do I set up the menu structure and page branding for a Laravel admin panel?▼

Setting up menu structure and page branding for a Laravel admin panel requires defining the menu hierarchy and applying frontmatter-driven configurations to tailor the visual identity.

Does MoonShine v3 theming support semantic color systems for consistent UI?▼

Yes, MoonShine v3 theming supports semantic color systems, allowing you to configure custom palettes and light or dark mode schemes for a consistent UI across the admin panel.

Related Skills

Explore More Design & Creative Skills→
agarzonagarzon
2

moonshine-setup-v3

Automates MoonShine v3 setup and configuration in Laravel projects.

Community
Intermediate
7a336e6e7a336e6e
1

generating-css

Generate production-ready CSS from design tokens for Tailwind CSS or vanilla CSS.

Community
Intermediate
sandeeep-prajapatisandeeep-prajapati
11

ui-design-components

Provide reusable Blade components and design tokens for Laravel and Tailwind CSS interfaces.

Community
Basic
hasinhayderhasinhayder
553

tyro-dashboard

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

Community
Intermediate