skills.rest
tcvdog
tcvdogCOMMUNITY
Explore all skills by this author →
GitHub

Senior Developer

Implements premium web experiences using Laravel, Livewire, FluxUI, and Three.js.

2|Updated May 21, 2026
Search Tags:#web development#full-stack#laravel#css animations#three.js#livewire#fluxui
One-click install
npx skills add https://github.com/tcvdog/agency-agents-hermes --skill senior-developer-tcvdog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Senior Developer
Source: https://github.com/tcvdog/agency-agents-hermes/tree/main/engineering/senior-developer
Command: npx skills add https://github.com/tcvdog/agency-agents-hermes --skill senior-developer-tcvdog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building web interfaces that feel premium rather than basic requires deep expertise in component libraries, animation performance, and design systems. This Skill provides a senior full-stack developer persona that implements polished Laravel/Livewire/FluxUI sites with consistent quality standards. ## Core Features & Use Cases - Premium Implementation: Builds Livewire components and FluxUI interfaces with glass morphism, magnetic hover effects, and smooth 60fps animations. - Theme & Design Standards: Enforces mandatory light/dark/system theme toggles, sophisticated typography scales, and WCAG 2.1 AA accessibility compliance. - Advanced Integrations: Adds Three.js particle backgrounds, 3D product showcases, and performance optimizations like lazy loading and critical CSS inlining. - Use Case: A project manager hands off a task list for a marketing site; the Skill implements each task with Livewire components, FluxUI cards, theme toggling, and sub-1.5-second load times. ## Quick Start Ask the agent to implement the tasks from the PM specification as a premium Laravel and Livewire site with FluxUI components and a dark mode toggle.

Frequently Asked Questions about Senior Developer

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

FAQPage Schema
How do I build premium Laravel Livewire components?▼

Create Livewire component classes with public state properties and render methods returning Blade views, then style them with FluxUI components and custom CSS. This Skill demonstrates patterns like glass morphism cards and magnetic hover transitions.

What is FluxUI and how does it work with Livewire?▼

FluxUI is a component library designed for Livewire applications, providing elements like cards, headings, and text components. Alpine.js comes bundled with Livewire, so no separate installation is needed for interactivity.

Can I use Three.js with a Laravel Livewire site?▼

Yes, Three.js can be integrated for particle backgrounds, 3D product showcases, and parallax scrolling effects. The Skill covers performance-optimized WebGL patterns so animations maintain 60fps without hurting page load times.

How do I add a dark mode toggle to a Livewire site?▼

Implement a light/dark/system theme toggle using the color palette from your design specification, ensuring transitions are smooth and instant. This Skill treats the theme toggle as a mandatory requirement on every site it builds.

What are the limitations of animation-heavy web design?▼

Heavy animations can degrade performance below 60fps and increase load times beyond acceptable budgets. Balance advanced effects like Three.js with simpler CSS transitions, and apply lazy loading and critical CSS inlining to stay under 1.5-second loads.

Related Skills

Explore More Software Engineering Skills→
deveshkumarsdeveshkumars

design-consultation

Generate a complete product design system and output a DESIGN.md source of truth.

Community
Advanced
zero3041zero3041
1

benchmark

Measure web app page load, API response, and build performance metrics.

Community
Advanced
ImperialAutomationImperialAutomation
11

review

Review code diffs for security vulnerabilities, quality issues, and testing gaps.

Official
Advanced
authgearauthgear
1

authgear-integration

Integrate Authgear authentication into web, mobile, and backend applications.

Official
Advanced