Stimulus (Symfony UX)

Trust Score 92/100

Guides using Stimulus JS with Symfony UX: wiring controllers via data-attributes, values, targets, actions, lazy loading, outlets, and integration patterns for

triggers:stimulusdata-controllerdata-actionlazy loadtwig stimulussymfony ux

GitHub SKILL.md

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

Compatible agents

Useful for code-assistant agents that can edit frontend assets and templates (Copilot/Codex/Gemini).

Audit Summary

A well-structured reference skill for using Stimulus JS with Symfony UX. Covers controllers, targets, values, actions, outlets, lazy loading, and Twig integration with clear code examples. No scripts included — purely a documentation/reference skill. No security concerns whatsoever; the skill is entirely instructional with no executable code.

Watch Out

Niche audience — only useful for Symfony UX developers using Stimulus
No scripts to validate; purely static reference content

Notes

Clean, well-organized skill with good progressive disclosure (quick reference → detailed examples → key principles → references). Triggers are specific and well-defined. The skill is documentation-only with no bundled scripts. Usefulness limited by niche audience (Symfony+Stimulus developers specifically).

Information

Repository: symfony-ux-skills
Stars: 141
Installs: 0

Trust Score

Overall92

Security100

Code Quality82

Architecture85

Usefulness48

Related Skills

Clerk Vue Patterns

Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.

Colorize (Strategic UI Color)

Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.

Shopify Store Audit

Structured, page-by-page audit of Shopify storefronts to find conversion blockers and prioritized fixes for copy, UX, trust signals, and checkout friction.

Bookmarklet Creation

Generates browser-executable JavaScript bookmarklets with strict formatting (IIFE wrapper, block comments) and provides ready-to-install links or installer inst

Bookmarklet Creation

Generate production-ready JavaScript bookmarklets (javascript:...) with required IIFE wrapper, block comments, installation links, and testing guidance.

React Development Expert

Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.

ClearShot — Screenshot UI Analysis

Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe

Colorize — Strategic UI Color Introduction

Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.

Back to Skills