skills.rest
arqel-dev
arqel-devOFFICIAL
Explore all skills by this author →
WebsiteGitHub

arqel-dev/widgets

Develop server-driven dashboard widgets with ready-to-render payloads for React frontends.

2|Updated Apr 17, 2026
Search Tags:#authorization#dashboard#laravel#widgets#inertia#deferred-loading
One-click install
npx skills add https://github.com/arqel-dev/arqel --skill arqel-dev-widgets
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: arqel-dev/widgets
Source: https://github.com/arqel-dev/arqel/tree/main/packages/widgets
Command: npx skills add https://github.com/arqel-dev/arqel --skill arqel-dev-widgets

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Arqel enables developers to build reusable, server-driven widgets (Stat, Chart, Table, Custom) for Laravel dashboards, reducing boilerplate and enabling consistent rendering on the client.

Core Features & Use Cases

  • Server-rendered widget payloads for Inertia-based dashboards, including per-user visibility, polling, and deferred loading.
  • Declarative filter propagation across dashboards and widgets, with merging of defaults and request-time values.
  • Extensive scaffolding and extension points via Widget subclasses, a registry, and command-line generators to speed up development.

Quick Start

Install arqel/widgets in a Laravel application and start declaring dashboards and widgets to render on the client.

Frequently Asked Questions about arqel-dev/widgets

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

FAQPage Schema
How do I build Laravel dashboard widgets with deferred loading for Inertia and React?▼

You build server-driven dashboard widgets by creating Widget subclasses that supply ready-to-render payloads to a React frontend via Inertia, supporting deferred loading and polling for KPI cards, charts, and tables.

Can I apply per-user visibility and filters to Laravel dashboard widgets?▼

Yes, you can impose per-user visibility on dashboard widgets and apply declarative filter propagation across dashboards, merging default values with request-time values before rendering.

What is the best way to add polling to KPI cards and charts in a Laravel dashboard?▼

The best way to add polling to KPI cards and charts is by developing server-driven widgets that expose a data endpoint, allowing the React frontend to poll for updated ready-to-render payloads.

Does this approach require resolving class-based widgets via the container?▼

Yes, the system resolves class-based widgets via the container to provide extensive scaffolding and extension points, speeding up development for custom components and mini-tables.

How do I generate custom dashboard components for Arqel without writing boilerplate?▼

You can generate custom dashboard components using command-line generators and a widget registry, which provide scaffolding and extension points to reduce boilerplate for Stat, Chart, and Table widgets.

Are there limitations when merging request-time filters with dashboard defaults in Laravel?▼

The system handles filter propagation by merging defaults with request-time values across dashboards and widgets, though developers must ensure custom components correctly resolve these merged filters via the exposed data endpoint.

Related Skills

Explore More Software Engineering Skills→
cole-robertsoncole-robertson
36

inertia-rails-setup

Configure Inertia.js with Ruby on Rails via generator or manual setup.

Community
Intermediate
ex3ndrex3ndr
14

fragments-creator

Creates and updates UI fragments from JSON-render specifications with embedded Python.

Community
Intermediate
michaelnabil230michaelnabil230
3

inertia-vue-development

Build and maintain Inertia Vue client-side pages for Laravel applications.

Community
Advanced
rafek1241rafek1241

vercel-react-best-practices

Apply React and Next.js performance best practices to rendering, data fetching, and bundle size.

Community
Intermediate