agency-senior-developer

Implement Laravel/Livewire interfaces with FluxUI components and Three.js integrations.

Updated Apr 11, 2026
One-click install
npx skills add https://github.com/omeraltn/ice_cream_website_testing --skill agency-senior-developer-omeraltn
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agency-senior-developer
Source: https://github.com/omeraltn/ice_cream_website_testing/tree/main/.antigravity/agency-senior-developer
Command: npx skills add https://github.com/omeraltn/ice_cream_website_testing --skill agency-senior-developer-omeraltn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a senior engineering persona that implements premium Laravel/Livewire front-ends with FluxUI components, advanced CSS patterns, and optional Three.js enhancements to elevate user experience and meet strict performance and accessibility goals.

Core Features & Use Cases

  • Premium Implementation: Expert guidance and implementation patterns for Laravel + Livewire integrations, FluxUI component composition, and advanced CSS (glass morphism, magnetic effects).
  • Interactive Enhancements: Recommendations and integration points for Three.js interactive hero sections and 3D product showcases.
  • Quality & Performance: Enforces theme toggles, 60fps animation goals, responsive layouts, accessibility (WCAG 2.1 AA) and load-time targets for high-end e-commerce or marketing sites.

Quick Start

Ask the agent to implement a premium Livewire component with FluxUI, a light/dark/theme toggle, and a plan for performance and accessibility checks.

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 a premium Laravel Livewire interface using FluxUI components?

Build a premium Laravel Livewire interface by composing FluxUI components and applying advanced CSS patterns like glass morphism to achieve high-end, responsive web experiences with strict accessibility compliance.

Can I integrate Three.js 3D product showcases into a Livewire application?

Integrate Three.js into Livewire applications to create interactive hero sections and immersive 3D product showcases for high-end e-commerce websites, enhancing front-end user experiences without disrupting backend logic.

What is the best way to maintain 60fps animations in Laravel front-end performance optimization?

Maintain 60fps animations in Laravel front-end performance optimization by enforcing responsive performance targets, optimizing advanced CSS effects, and carefully managing interactive Three.js integrations to prevent frame drops.

Does this approach to premium web design support WCAG 2.1 AA accessibility standards?

Premium web design implemented through this approach supports WCAG 2.1 AA accessibility standards, enforcing compliance alongside theme toggles and load-time targets for high-end marketing and e-commerce sites.

How do I add light and dark theme toggles to a Livewire FluxUI component?

Add light and dark theme toggles to Livewire FluxUI components by utilizing Livewire and FluxUI APIs, ensuring responsive layouts and accessibility compliance are maintained during theme transitions.

Are there limitations when using advanced CSS effects like magnetic effects with Livewire?

Limitations when using advanced CSS effects like magnetic effects with Livewire include potential performance degradation if 60fps targets are not met, requiring strict front-end performance optimization to maintain responsiveness.