solid-context

Manage shared state and configuration across SolidJS components with context APIs.

2|2|Updated May 1, 2026
One-click install
npx skills add https://github.com/adamhjk/mvtt --skill solid-context
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: solid-context
Source: https://github.com/adamhjk/mvtt/tree/main/.claude/skills/solid-context
Command: npx skills add https://github.com/adamhjk/mvtt --skill solid-context

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies sharing state and context across SolidJS component trees, reducing prop drilling and improving component communication.

Core Features & Use Cases

  • Creating Contexts: Facilitate data sharing like theme, user info, or i18n settings across multiple components.
  • Using Context: Access shared data with useContext, enabling reactive updates with signals or stores.
  • Custom Providers & Hooks: Create custom context providers and hooks to improve ergonomics and enforce correct usage.
  • Type Safety & Nesting: Easily type context values and support multiple nested providers for scoped state management.

Quick Start

Define a context with createContext, then use a Provider to set its value and use useContext to access it within the component tree.

Frequently Asked Questions about solid-context

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

FAQPage Schema
How do I manage shared state across SolidJS components without prop drilling?

To manage shared state in SolidJS without prop drilling, use context APIs to create custom providers and hooks. This enables ergonomic, reactive data access across the component tree using signals and stores.

Can I type context values for type safety in SolidJS?

Yes, you can ensure type safety for context values in SolidJS by defining TypeScript interfaces for your context. This allows strongly typed data access when using useContext to retrieve shared configuration.

How do I create custom context providers and hooks in SolidJS?

Creating custom context providers and hooks in SolidJS involves wrapping createContext with a Provider and building a custom access function. This enforces correct usage and improves ergonomics for scoped state.

Does SolidJS support nested context providers for scoped state management?

SolidJS supports multiple nested context providers for scoped state management. This allows you to override context values in specific component tree branches, ensuring safe and hierarchical access to shared data.

What is the best way to share theme or user info across SolidJS components?

The best way to share theme or user info across SolidJS components is using the context API. It facilitates reactive updates and decouples components by providing shared data without passing props manually.