What it does

This skill documents how to use the Stimulus JS framework within Symfony UX to attach client-side behavior to server-rendered HTML via data-* attributes. It covers controller skeletons, targets, values, actions, class management, outlets for cross-controller comms, lazy loading, and Symfony/Twig integration patterns.

When to use it

Use this skill when implementing interactive UI elements in Symfony applications: click handlers, modals, dropdowns, form handling, keyboard shortcuts, lazy-loaded charts/editors, and wrapping JS libraries with controllers. Avoid for pure server-side partial updates (use Turbo or LiveComponent instead).

What's included

Scripts: none embedded (references folder contains API and patterns)
References: references/api.md, references/patterns.md, references/gotchas.md for deeper guidance
Instructions: examples for controller skeletons, HTML wiring examples, value typing, actions, outlets, lazy loading, Symfony Twig helpers and best practices