Skill

hwc-stimulus-fundamentals

Covers Stimulus controller fundamentals: lifecycle hooks, values, targets, outlets, action parameters, keyboard events, and architecture patterns. Best for Stimulus API questions outside Hotwire domains.

frontend

npx claudepluginhub thehotwireclub/hotwire_club-skills --plugin hotwire-club-skills

Popularity

Stars

118

Forks

Invocation

How this skill is triggered — by the user, by Claude, or both

Slash command

/hotwire-club-skills:hwc-stimulus-fundamentals

User invocable

Model invocable

Inline context

Default effort

Context Preview

The summary Claude sees in its skill listing — used to decide when to auto-load this skill

Implement robust Stimulus controllers with clear lifecycle and state boundaries.

Supporting Files

agents/openai.yamlreferences/2023-08-29-stimulus-value-changed-callbacks.mdreferences/2023-10-24-stimulus-keyboardevent-101.mdreferences/2023-12-05-stimulus-auto-sorting.mdreferences/2023-12-19-stimulus-outlets-api.mdreferences/2024-05-07-stimulus-target-callbacks.mdreferences/2024-06-18-fundamentals-core-web-vitals.mdreferences/2025-11-25-stimulus-web-share-api.mdreferences/INDEX.md

SKILL.md

48 lines · ~667 tokens

Similar Skills

stimulus-coder

Creates and refactors Stimulus controllers using Hotwire conventions, design patterns, targets/values, action handling, and JavaScript best practices for interactive UIs.

2 files1 tool

majestic-rails

stimulus

152

Builds Stimulus JS controllers for Symfony UX to handle client-side DOM manipulation, events, targets, values, outlets, and UI like toggles, modals, dropdowns via HTML data attributes.

3 files

symfony-ux-skills

rails-ai:hotwire

Implements Hotwire Turbo (Drive, Frames, Streams, Morph) and Stimulus controllers in Rails views for SPA-like interactivity, real-time updates, and progressive enhancement.

rails-ai

Stats

LanguageRuby

Stars118

Forks4

MaintenanceGood

Last CommitMay 21, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Stats

Actions

Help us improve

Share bugs, ideas, or general feedback.

Stimulus Fundamentals

Implement robust Stimulus controllers with clear lifecycle and state boundaries.

Core Workflow

Define controller contract first: targets, values, outlets, actions, and expected lifecycle.

Keep state transitions in value callbacks when reactive updates are required.

Guard callbacks that can run before connect() completes.

Use connect()/disconnect() for setup and teardown symmetry.

Isolate DOM event handling from business rules; keep controllers composable.

Guardrails

Prefer declarative action parameters over manual dataset parsing.

Use outlets for controller-to-controller communication instead of private internals.

Keep target callbacks idempotent; account for repeated connect/disconnect cycles.

Use MutationObserver only when DOM-driven reactivity is required.

Feature-detect browser APIs before exposing UI affordances.

Load References Selectively

Open only the file needed for the current request.

Value changed callbacks: references/2023-08-29-stimulus-value-changed-callbacks.md

Keyboard action filters and hotkeys: references/2023-10-24-stimulus-keyboardevent-101.md

MutationObserver-based sorting: references/2023-12-05-stimulus-auto-sorting.md

Outlets API communication: references/2023-12-19-stimulus-outlets-api.md

Target callback orchestration: references/2024-05-07-stimulus-target-callbacks.md

Web Share API integration: references/2025-11-25-stimulus-web-share-api.md

Core Web Vitals and lazy-loading fundamentals: references/2024-06-18-fundamentals-core-web-vitals.md

Use references/INDEX.md for the full catalog.

Escalate to Neighbor Skills

Form-centric behavior: use hwc-forms-validation

Navigation/history/cache with Turbo: use hwc-navigation-content

Turbo Stream/WebSocket orchestration: use hwc-realtime-streaming

Media integrations and playback concerns: use hwc-media-content

UX feedback/transitions/progress concerns: use hwc-ux-feedback

Stimulus Fundamentals

Implement robust Stimulus controllers with clear lifecycle and state boundaries.

Core Workflow

Define controller contract first: targets, values, outlets, actions, and expected lifecycle.
Keep state transitions in value callbacks when reactive updates are required.
Guard callbacks that can run before connect() completes.
Use connect()/disconnect() for setup and teardown symmetry.
Isolate DOM event handling from business rules; keep controllers composable.

Guardrails

Prefer declarative action parameters over manual dataset parsing.
Use outlets for controller-to-controller communication instead of private internals.
Keep target callbacks idempotent; account for repeated connect/disconnect cycles.
Use MutationObserver only when DOM-driven reactivity is required.
Feature-detect browser APIs before exposing UI affordances.

Load References Selectively

Open only the file needed for the current request.

Value changed callbacks: references/2023-08-29-stimulus-value-changed-callbacks.md
Keyboard action filters and hotkeys: references/2023-10-24-stimulus-keyboardevent-101.md
MutationObserver-based sorting: references/2023-12-05-stimulus-auto-sorting.md
Outlets API communication: references/2023-12-19-stimulus-outlets-api.md
Target callback orchestration: references/2024-05-07-stimulus-target-callbacks.md
Web Share API integration: references/2025-11-25-stimulus-web-share-api.md
Core Web Vitals and lazy-loading fundamentals: references/2024-06-18-fundamentals-core-web-vitals.md

Use references/INDEX.md for the full catalog.

Escalate to Neighbor Skills

Form-centric behavior: use hwc-forms-validation
Navigation/history/cache with Turbo: use hwc-navigation-content
Turbo Stream/WebSocket orchestration: use hwc-realtime-streaming
Media integrations and playback concerns: use hwc-media-content
UX feedback/transitions/progress concerns: use hwc-ux-feedback

hwc-stimulus-fundamentals

Popularity

Invocation

Context Preview

Supporting Files

SKILL.md

Similar Skills

Help us improve

Help us improve

Find plugins for your project

hwc-stimulus-fundamentals

Popularity

Invocation

Context Preview

Supporting Files

SKILL.md

Stimulus Fundamentals

Core Workflow

Guardrails

Load References Selectively

Escalate to Neighbor Skills

Similar Skills

Help us improve

Stimulus Fundamentals

Core Workflow

Guardrails

Load References Selectively

Escalate to Neighbor Skills