How does it handle Docker environments?

It automatically configures the Vite dev server host to 0.0.0.0 and maps ports to ensure HMR works correctly inside Docker and Laravel Sail.

What are the version requirements?

This skill is optimized for Laravel 12.x, Vite 6.x, and PHP 8.4 environments.

Can I use this for Server-Side Rendering (SSR)?

Absolutely. The skill provides dedicated templates and configuration paths for setting up SSR with both Inertia.js and standard framework implementations.

Does this skill support Tailwind CSS v4?

Yes, it includes specific logic to implement the @tailwindcss/vite plugin for version 4 or PostCSS configurations for version 3.

Laravel Vite Expert

Name: Laravel Vite Expert
Author: fusengine

byfusengine

•

デザインツール

Configures and optimizes the Vite frontend build pipeline for Laravel applications including HMR, SSR, and framework integration.

The Laravel Vite skill empowers Claude to manage the complete frontend asset lifecycle within the Laravel ecosystem, providing expert guidance on bundling, Hot Module Replacement (HMR), and Server-Side Rendering (SSR). It automates complex configurations for modern frameworks like Vue, React, and Svelte while ensuring security standards for environment variables and production-ready deployments. By leveraging a specialized multi-agent workflow, the skill validates existing codebases and researches the latest documentation to implement high-performance frontend pipelines tailored for Laravel 12.x and Vite 6.x.

主な機能

01Automated Vite configuration and plugin integration for Laravel 12.x

02Production build optimization including code splitting and vendor chunking

03Tailwind CSS v4 integration using native Vite plugins

04Advanced Server-Side Rendering (SSR) setup for Inertia.js and SPAs

05Hot Module Replacement (HMR) optimization for local and Docker environments

062 GitHub stars

ユースケース

01Troubleshooting and fixing HMR connectivity issues in containerized environments

02Initializing a modern frontend build pipeline for new Laravel projects

03Configuring Inertia.js with Vue or React for seamless SPA development

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fusengine/agents laravel-vite

For use in Claude.ai and ChatGPT

Download Skill