solid-js-expert

Guide SolidJS development covering reactivity, components, routing, and React migration.

2|1|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/vosslab/vosslab-skills --skill solid-js-expert
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: solid-js-expert
Source: https://github.com/vosslab/vosslab-skills/tree/main/skills/solid-js-expert
Command: npx skills add https://github.com/vosslab/vosslab-skills --skill solid-js-expert

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides expert guidance, tools, and resources to design, build, debug, and review SolidJS applications and their full stack, covering core reactivity, stores, control-flow components, routing, and more.

Core Features & Use Cases

  • Expert SolidJS Guidance: Offers comprehensive insights into SolidJS's reactive model, components, and best practices.
  • Reactivity Mental Model: Teaches the foundational concepts of SolidJS reactivity, differentiating it from React.
  • Control-Flow Components: Assists in choosing and implementing control-flow components like <For>, <Show>, and <Switch>.
  • Routing: Guides through Solid Router and SolidStart, including file-based routing, server functions, and data mutations.
  • SEO and Meta Management: Helps manage document head and SEO with Solid Meta.
  • React Migration: Provides guidance on migrating React-shaped code to Solid's reactive model.
  • Use Case: If you're struggling with a SolidJS application, this Skill can help debug reactivity issues, implement new features, or improve existing code.

Quick Start

Use the solid-js-expert skill to debug reactivity issues in your SolidJS application.

Frequently Asked Questions about solid-js-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How does SolidJS reactivity work compared to React?

SolidJS reactivity uses fine-grained signals that track dependencies automatically, updating only what changes without virtual DOM diffing. This Skill guides you through adopting this reactive mental model to debug reactivity issues and build performant components.

How do I migrate React code to SolidJS?

Migrating React code to SolidJS involves replacing hooks and lifecycle methods with Solid's reactive primitives like signals and stores. This Skill provides guidance on translating React-shaped code into Solid's reactive model and components.

What is the best way to handle control flow in SolidJS?

Handling control flow in SolidJS involves using built-in components like `<For>`, `<Show>`, and `<Switch>` instead of JavaScript map or ternary operators. This Skill assists in choosing and implementing these components for optimal reactive performance.

How do I implement routing and server functions in a SolidJS app?

Implementing routing in a SolidJS app uses Solid Router and SolidStart for file-based routing, server functions, and data mutations. This Skill guides you through configuring these tools to handle navigation and data flows effectively.

Can I manage SEO and document head metadata in SolidJS?

Yes, you can manage SEO and document head metadata in SolidJS using Solid Meta. This Skill helps you implement head management to ensure proper search engine optimization and meta tag handling across your application.

Why is my SolidJS store not updating as expected?

SolidJS stores may fail to update if state mutations bypass reactive boundaries or lack proper signal tracking. This Skill helps debug reactivity issues by analyzing your store implementation and ensuring updates align with Solid's reactive primitives.