# Thehotwireclub Hotwire Club Skills Hotwire Club Skills > Stimulus Fundamentals - Skill: `tomevault-io/thehotwireclub-hotwire-club-skills-hotwire-club-skills` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/thehotwireclub-hotwire-club-skills-hotwire-club-skills` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/thehotwireclub-hotwire-club-skills-hotwire-club-skills/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/thehotwireclub-hotwire-club-skills-hotwire-club-skills --- # Stimulus Fundamentals Implement robust Stimulus controllers with clear lifecycle and state boundaries. ## Core Workflow 1. Define controller contract first: targets, values, outlets, actions, and expected lifecycle. 2. Keep state transitions in value callbacks when reactive updates are required. 3. Guard callbacks that can run before `connect()` completes. 4. Use `connect()/disconnect()` for setup and teardown symmetry. 5. 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` --- > Source: [TheHotwireClub/hotwire_club-skills](https://github.com/TheHotwireClub/hotwire_club-skills) — distributed by [TomeVault](https://tomevault.io).