Weave Code
Weaver
Helps Laravel developers discover, compare, and choose open-source packages. See popularity, security, maintainers, and scores at a glance to make better decisions.
Feedback
Share your thoughts, report bugs, or suggest improvements.
Subject
Message
Rule Frontend Js Css
padosoft/laravel-ai-regolo
cursor
laravel
ai
gdpr
ai-sdk
llm
embeddings
reranking
regolo
seeweb
open-models
italian-ai
sovereign-cloud

Regola: Frontend JavaScript e CSS Best Practices

Install
php artisan boost:add-skill padosoft/laravel-ai-regolo

Save this content to: .cursor/rules/rule-frontend-js-css.md

# Regola: Frontend JavaScript e CSS Best Practices

## JavaScript

- Evita inline handlers come `onclick`.
- Gestisci stati loading, error e empty in modo esplicito.
- Non duplicare listener o istanze di componenti stateful.
- Distruggi o resetta gli oggetti prima di re-render complessi.
- Preferisci selector stabili e contratti DOM intenzionali.

## CSS

- Evita hardcode ridondanti se esiste un sistema di token o variabili.
- Mantieni locali gli stili locali; non sporcare il bundle globale.
- Evita specificita' eccessiva e classi opache.
- Progetta per stati focus, hover, disabled e loading.

## HTML/UX

- Le azioni asincrone devono dare feedback visivo.
- Nessuna UI dipendente solo dal colore.
- Placeholder e skeleton devono rispettare il layout finale.

Regola: Frontend JavaScript e CSS Best Practices

JavaScript

  • Evita inline handlers come onclick.
  • Gestisci stati loading, error e empty in modo esplicito.
  • Non duplicare listener o istanze di componenti stateful.
  • Distruggi o resetta gli oggetti prima di re-render complessi.
  • Preferisci selector stabili e contratti DOM intenzionali.

CSS

  • Evita hardcode ridondanti se esiste un sistema di token o variabili.
  • Mantieni locali gli stili locali; non sporcare il bundle globale.
  • Evita specificita' eccessiva e classi opache.
  • Progetta per stati focus, hover, disabled e loading.

HTML/UX

  • Le azioni asincrone devono dare feedback visivo.
  • Nessuna UI dipendente solo dal colore.
  • Placeholder e skeleton devono rispettare il layout finale.
Weaver

How can I help you explore Laravel packages today?

Conversation history is not saved when not logged in.
Prompt
Add packages to context
No packages found.
adachsoft/changelog-linter
adachsoft/collection
payerurl/telegrambot-crypto-payment-instant-payout
dskripchenko/laravel-hybrid-search
riorizkyrainey/lara-ced
mehedimi/static-vel
zharp/zharp
nonsapiens/bigquery-model-sync
lgu-bayambang-ict-office/lgu-laravel-development-standards
andydefer/laravel-support
se7enxweb/flysystem
lampwick/laravel
jeslage/statamic-emojis
micahdshackelford/rmap-laravel
draftsmaninc/draftsman
square-bit/laravel-volition
himito/laravel-mailman
htinlynn/genius-helper
maco-studios/hephaestus
elmogy/larafast