benjamincrozat

name

livewire-flux

description

Use when working with Flux UI / Livewire Flux in Laravel Blade or Livewire apps: choosing components, building forms, menus, dialogs, navigation, applying theming or dark mode, customizing stock Flux components, or reviewing existing Flux usage. Always confirm the locally installed Flux and Flux Pro versions first, then consult the latest official Flux docs for each component, pattern, or theming decision before writing or reviewing code. Do not rely on memory for component names, props, slots, variants, or setup details.

Livewire Flux

Use this skill to apply Flux from current docs, not memory.

Required workflow

benjamincrozat

Browser

This file exists to help you use the browser effectively to validate visuals and interactivity.

Non-negotiables

• Always verify the actual behavior in a real browser (not just “looks right” in code).
• When reporting results, provide evidence: what page you visited, what you clicked/typed, and what you observed (and any console errors).

Quick workflow (every UI change)

benjamincrozat

---
alwaysApply: true
---

## Code style & clarity

- Always document intent for ambiguous or non-obvious code. Explain why the code exists (not what it does).
- Always import namespaces.
- Avoid one letter or ambiguous variable names.
- Comments start with a capital letter and end with a period.

benjamincrozat

#!/bin/bash

# Define the output file
output_file="combined.md"

# Remove the output file if it exists to avoid including it in the search
if [ -f "$output_file" ]; then
    rm "$output_file"
fi

benjamincrozat

benjamincrozat

<?php

namespace App\Providers;

use App\GitHub;
use App\Models\Post;
use App\JobsCollector;
use Cloudinary\Cloudinary;
use App\Actions\TrackVisit;
use Barryvdh\Debugbar\Facades\Debugbar;

benjamincrozat

@if ($paginator->hasPages())
    <nav role="navigation" aria-label="{{ __('Pagination Navigation') }}" class="flex items-center justify-between mt-16">
        <div class="text-gray-400 dark:text-gray-800">
            {{ $paginator->count() }}
            {!! __('of') !!}
            <span>{{ $paginator->total() }}</span>
            {!! __('results') !!}
        </div>

        <div class="flex gap-1">

benjamincrozat

{
  "Ansi 6 Color" : {
    "Red Component" : 0,
    "Color Space" : "sRGB",
    "Blue Component" : 0.78166204690933228,
    "Alpha Component" : 1,
    "Green Component" : 0.77425903081893921
  },
  "Tags" : [

benjamincrozat

<?xml version="1.0" encoding="UTF-8"?>
<phpunit
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
    bootstrap="vendor/autoload.php"
    colors="true"
    executionOrder="random"
>
    <testsuites>
        <testsuite name="Tests">

benjamincrozat

provider:
    iamRoleStatements:
        - Effect: Allow
          Action: [dynamodb:Query, dynamodb:Scan, dynamodb:GetItem, dynamodb:PutItem, dynamodb:UpdateItem, dynamodb:DeleteItem]
          Resource:
              Fn::GetAtt: [ChirpCache, Arn]
        - Effect: Allow
          Action: [sqs:SendMessage, sqs:DeleteMessage]
          Resource:
              Fn::GetAtt: [ TwitterQueue, Arn ]