Toolverse
All skills
Frontend

shopper-livewire

by shopperlabs

Provides patterns for building Livewire components in Laravel Shopper with Filament Forms, Tables, and Actions. Use when creating Pages, SlideOvers, or reusable components.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
shopperlabs
Category
Frontend
Views
14
GitHub repo

About this skill

Provides patterns for building Livewire components in Laravel Shopper with Filament Forms, Tables, and Actions. Use when creating Pages, SlideOvers, or reusable components.

How to use

  1. Zainstaluj skill w swoim projekcie Laravel Shopper, umieszczając go w katalogu boost/skills. Upewnij się, że masz zainstalowane zależności: Livewire, Filament Forms, Tables i Actions.

  2. Wybierz typ komponentu, który chcesz utworzyć: Page (strona główna), SlideOver (panel boczny) lub Component (komponent wielokrotnego użytku). Każdy typ ma przypisaną bazową klasę i lokalizację w strukturze projektu.

  3. Dla strony z tabelą rozszerz klasę AbstractPageComponent i zaimplementuj interfejsy HasActions, HasForms i HasTable. Dodaj odpowiednie traity: InteractsWithActions, InteractsWithForms i InteractsWithTable.

  4. W metodzie mount() dodaj autoryzację za pomocą $this->authorize(), aby kontrolować dostęp do komponentu na podstawie uprawnień użytkownika.

  5. Zdefiniuj strukturę tabeli w metodzie table(), konfigurując kolumny (np. TextColumn), ich właściwości (label, searchable, sortable) oraz akcje na rekordach (np. edit, delete).

  6. Zwróć widok Blade z metody render(), używając struktury kontenerów i breadcrumbów z szablonów Shopper. Skill zawiera przykłady pełnej implementacji, które możesz dostosować do swoich potrzeb.

Related skills

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116

theme-factory

by anthropics

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend
40139

2d-games

by davila7

2D game development principles. Sprites, tilemaps, physics, camera.

Frontend
2674

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173