CSS Component Builder Skill

Use this skill when styling new Filament components or Refactoring existing styles.

Philosophy

We do NOT put all CSS in app.css. We treat CSS like modular components.

Rules

1. File Location

• Create new CSS files in resources/css/filament/admin/components/[category]/[name].css.
• Example: resources/css/filament/admin/components/sidebar/item.css.

2. Registration

• Register the new file in vite.config.js input array.
• Import it in the Filament Panel Provider (app/Providers/Filament/AdminPanelProvider.php -> ->viteTheme(...)) or verify auto-injection usage.