thehotwireclub/hotwire_club-skills/hwc-stimulus-fundamentals

Claude Code and agent skill by thehotwireclub/hotwire_club-skills

Trust tier 2
  • community
  • ext:[{"type":"hook","description":"Pre/post lifecycle hooks"}]
Source check pending

Checking that the SKILL.md file is still in the repository.

Cover Stimulus controller fundamentals: lifecycle hooks, values and valueChanged callbacks, targets and target callbacks, outlets, action parameters, keyboard events, and controller architecture patterns. Prefer this skill when the request is primarily about Stimulus APIs and controller design independent of a specific Hotwire domain. Use hwc-forms-validation for form-specific workflows, hwc-navigation-content for Turbo navigation concerns, hwc-realtime-streaming for Turbo Streams/WebSocket patterns, hwc-media-content for media integrations, and hwc-ux-feedback for loading/progress/transition UX patterns.

Install

npx vskill@latest install thehotwireclub/hotwire_club-skills/hwc-stimulus-fundamentals

Semi-extensibleMentions customization, but needs skill-specific knowledge. Read the extensible skills standard

SKILL.md

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
  • Promise-returning outlet methods (await-able controller APIs): references/2026-07-22-stimulus-promise-returning-outlet-methods.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

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

Repository stars
108
Repository forks
4
7-day trend score
23

Stars and forks are for the whole GitHub repository, not this skill alone. Refreshed 2 Apr 2026, 7 months ago.

Extension points

  • hookPre/post lifecycle hooks

Learn the extensible skills standard

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/thehotwireclub/hotwire_club-skills/hwc-stimulus-fundamentals/badge)](https://verified-skill.com/skills/thehotwireclub/hotwire_club-skills/hwc-stimulus-fundamentals)

Something wrong with this skill or its page? Tell us.