agency-senior-developer

Implements Laravel, Livewire, and FluxUI web interfaces with premium CSS and Three.js effects.

Updated Jul 27, 2026
One-click install
npx skills add https://github.com/imMamdouhaboammar/Mimera --skill agency-senior-developer-immamdouhaboammar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agency-senior-developer
Source: https://github.com/imMamdouhaboammar/Mimera/tree/main/.agents/skills/engineering-senior-developer
Command: npx skills add https://github.com/imMamdouhaboammar/Mimera --skill agency-senior-developer-immamdouhaboammar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building polished, high-end web interfaces requires deep expertise across Laravel, Livewire, FluxUI, advanced CSS, and WebGL. This Skill provides a senior developer persona that consistently applies premium design standards, correct component usage, and performance discipline to every implementation task. ## Core Features & Use Cases - Premium Component Implementation: Builds Laravel/Livewire components using the full FluxUI library with correct API usage and bundled Alpine.js integration. - Advanced Visual Effects: Applies glass morphism, magnetic hover effects, gradient typography, and Three.js particle or 3D scenes where appropriate. - Quality Enforcement: Enforces light/dark/system theme toggles, 60fps animations, sub-1.5s load times, responsive layouts, and WCAG 2.1 AA accessibility. - Use Case: A project manager agent hands off a task list for a marketing site; this Skill implements each section with FluxUI cards, smooth theme transitions, and a Three.js hero background while documenting every enhancement. ## Quick Start Ask the agent to implement the next task from the PM task list as a premium Laravel Livewire page using FluxUI components and a light/dark theme toggle.

Frequently Asked Questions about agency-senior-developer

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

FAQPage Schema
How do I build premium Laravel Livewire interfaces with FluxUI?▼

Use Livewire components for state and pair them with FluxUI elements like flux:card and flux:heading, then layer custom CSS such as glass morphism and magnetic hover effects. Reference the FluxUI docs at fluxui.dev for each component's current API.

Do I need to install Alpine.js separately when using Livewire?▼

No. Alpine.js comes bundled with Livewire, so installing it separately causes conflicts. This Skill explicitly avoids duplicate Alpine installation and relies on the bundled version for interactivity.

When should I add Three.js to a Laravel web page?▼

Use Three.js for hero particle backgrounds, interactive 3D product showcases, or parallax scenes when it enhances the user experience. Keep WebGL scenes performance-optimized so animations stay at 60fps and load times remain under 1.5 seconds.

Does this approach support light and dark mode themes?▼

Yes. A light/dark/system theme toggle is mandatory on every site built with this Skill, using colors from the project specification. Theme transitions are implemented to switch smoothly and instantly.

What performance standards does premium frontend implementation require?▼

Targets include page loads under 1.5 seconds, 60fps animations, fully responsive layouts across device sizes, and WCAG 2.1 AA accessibility. Techniques include critical CSS inlining, lazy loading with intersection observers, and WebP/AVIF images.