bagisto-admin-theme-development

Name: bagisto-admin-theme-development
Author: bagisto

github.com/bagistoDesign & UI13119 installsUpdated 2w ago

About bagisto-admin-theme-development

bagisto-admin-theme-development is a skill for creating and customizing Bagisto admin themes as Laravel packages. It covers package setup, theme registration, assets, layouts, and template overrides.

Key features

01Create admin themes as Laravel packages
02Register themes in configuration
03Configure views and asset paths
04Customize layouts and Blade components
05Build and manage theme assets

Use cases

01Create a distributable admin theme package
02Customize admin panel styling
03Override default admin templates

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/bagisto/agent-skills --skill bagisto-admin-theme-development

After installing, type/bagisto-admin-theme-developmentin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

assets.md

creating-a-theme.md

layouts.md

reference.md

Details

From the project README

Admin Theme Development

Overview

Admin theme development in Bagisto involves creating custom admin panel themes packaged as Laravel packages. The end result is a self-contained package that can be distributed and maintained independently.

When to Apply

Activate this skill when:

Creating custom admin themes as packages
Building admin theme packages for distribution
Customizing admin panel styling
Overriding default admin templates

Bagisto Admin Theme Architecture

Core Components

Component	Purpose	Location
Theme Configuration	Defines available admin themes	`config/themes.php`
Views Path	Blade template files	Defined in theme config
Assets Path	CSS, JS, images	Defined in theme config
Admin Service Provider	Loads views and components	`packages/Webkul/Admin/src/Providers/AdminServiceProvider.php`

Key Configuration Properties

// config/themes.php
'admin-default' => 'default',

'admin' => [
    'default' => [
        'name' => 'Default',
        'assets_path' => 'public/themes/admin/default',
        'views_path' => 'resources/admin-themes/default/views',
        'vite' => [
            'hot_file' => 'admin-default-vite.hot',
            'build_directory' => 'themes/admin/default/build',
            'package_assets_directory' => 'src/Resources/assets',
        ],
    ],
],

Reference files — load only what the current task needs

File	Load when
creating-a-theme.md	Scaffolding the theme package and registering it
assets.md	The Vite pipeline, the build, and the dev-server workflow
layouts.md	Admin layouts, Blade components, custom layouts
reference.md	Package layout, key files, pitfalls, testing

REQUIRED SUB-SKILL: Use bagisto-change-verification before calling any change done.

Comments

Markdown supported