solid-errors-reactivity-debugging

Official

Pinpoint and fix SolidJS reactivity bugs fast.

AuthorOpenAEC-Foundation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

SolidJS reactivity can break when effects don't fire or stores fail to propagate, leading to UI not updating and hard-to-trace bugs. Prevents lost tracking from destructuring, conditional signal access, async tracking loss, and stale closures. This skill provides diagnostic flows, debugging strategies with solid-devtools, and practical patterns to recover a reactive graph.

Core Features & Use Cases

  • Diagnostic flowcharts and checklists to identify root causes of non-reactive behavior in SolidJS components.
  • Solid-devtools debugging guidance, best practices for profiling, and tracking-scope verification.
  • Safe patterns for avoiding destructuring, conditional reads, and async boundaries that break dependency tracking, with real-world scenarios.

Quick Start

Follow the diagnostic flowchart in this skill to locate a non-firing effect and apply the recommended tracking-scope fixes.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: solid-errors-reactivity-debugging
Download link: https://github.com/OpenAEC-Foundation/SolidJS-Claude-Skill-Package/archive/main.zip#solid-errors-reactivity-debugging

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.