Frontend

Stimulus

by smnandre

Stimulus is a Frontend skill for Claude Code, published by smnandre in symfony-ux-skills.

171 stars14 forkson smnandre/symfony-ux-skillsAdded 2026/09/08+1% in starsRepository updated 2026/06/14
claudeclaude-pluginclaude-skillscodexcodex-skillscomponentsgeminigemini-cli-extensiongemini-extensiongemini-skillsskillskillssymfonysymfony-uxuxux-agentux-iconsux-map
Install in seconds
Install Stimulus
Copy Stimulus into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/smnandre/symfony-ux-skills/tree/main/skills/stimulus ~/.claude/skills/stimulus

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/smnandre/symfony-ux-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/stimulus/SKILL.md in smnandre/symfony-ux-skills
Installs to
~/.claude/skills/stimulus
Collection
One of 7 skills cataloged from this repository
Category
Frontend732 skills

What Stimulus does

Stimulus connects JavaScript controllers to server-rendered HTML with data attributes. Use it for click and input handling, toggles, modals, tabs, keyboard shortcuts, outlets, and wrapping third-party libraries in Symfony UX.

Stimulus is cataloged under Frontend on DirSkills. Stimulus comes from a repository tagged claude, claude-plugin, claude-skills, codex and codex-skills.

Documentation

README

Stimulus

Modest JavaScript framework that connects JS objects to HTML via data attributes. Stimulus does not render HTML -- it augments server-rendered HTML with behavior.

The mental model: HTML is the source of truth, JavaScript controllers attach to elements, and data attributes are the wiring. No build step required with AssetMapper.

Quick Reference

data-controller="name"              attach controller to element
data-name-target="item"             mark element as a target
data-action="event->name#method"    bind event to controller method
data-name-key-value="..."           pass typed data to controller
data-name-key-class="..."           configure CSS class names
data-name-other-outlet=".selector"  reference another controller instance

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Stimulus

  • What else does smnandre publish alongside Stimulus?

    Stimulus is one of 7 skills that DirSkills catalogs from smnandre/symfony-ux-skills, the repository it ships in. Its siblings there include LiveComponent, Symfony UX and Turbo. Each one is a separate skill with its own page in this directory, installs the same way Stimulus does, and is maintained by smnandre in that same repository. The rest of the collection is listed on the smnandre/symfony-ux-skills page.

  • How does Stimulus compare to other Frontend skills?

    Stimulus ranks #645 by stars among the 732 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Stimulus against them. Open each page to compare what they document and how they install.

More from smnandre/symfony-ux-skills

Stimulus is one of 7 skills cataloged on DirSkills from smnandre/symfony-ux-skills.

See all 7 skills