Skill Claude CodeCodex
Use this skill for the supporting cast of Solid (SolidJS) reactive primitives — the helpers around createSignal/createEffect/createMemo that solve specific control-flow needs. Covers batch (group multiple writes into one notification), untrack (read without subscribing), on(deps, fn, { defer }) (explicit dependency…
Skill Claude CodeCodex
Use this skill when accessing DOM elements directly in Solid (SolidJS) or building reusable element behaviour: refs (variable form let el; , callback form ...}>, signal-as-ref for elements that mount/unmount), forwarding refs through user-defined components ( is automatically a callback inside Child), TypeScript…
Skill Claude CodeCodex
Use this skill for any client mounting, hydration, or server-side rendering in Solid (SolidJS): the entry-point APIs and how to pick the right rendering strategy. Covers render(() => , mountEl) for client SPA mounting (returns a dispose function), hydrate(() => , mountEl) for client takeover after SSR (preserves…
Skill Claude CodeCodex
Use this skill when fetching async data in Solid (SolidJS) with createResource. Covers the two forms (with and without a reactive source), the Resource shape (callable accessor + state/loading/error/latest properties), the state machine (unresolved → pending → ready → refreshing/errored), ResourceActions (mutate for…
Skill Claude CodeCodex
Use this skill for any client-side or universal routing in a Solid (SolidJS) app via the @solidjs/router package — defining routes, navigating between them, reading params/search, fetching route-scoped data, mutating data, lazy-loading routes, preloading. Covers (root, with optional root layout), , , , / , dynamic…
Skill Claude CodeCodex
Use this skill when the everyday createSignal/createEffect/createMemo aren't quite right and you need one of Solid (SolidJS)'s lower-level primitives. Covers createComputed (synchronous, runs immediately, runs during the parent's update phase — used for upstream reactive setup; rarely needed in app code)…
Skill Claude CodeCodex
Use this skill when creating, reading, or updating reactive state in Solid (SolidJS) using createSignal. Covers the getter/setter tuple shape, the function-form setter (passing prev =>), the equals option (default ===, false to always notify, custom comparator function), the name debug option, types Signal / Accessor…
Skill Claude CodeCodex
Use this skill for any SolidStart task — the official meta-framework for Solid (SolidJS) covering CSR/SSR/SSG, file-based routing, server functions, data fetching/mutation, middleware, sessions, websockets, API routes, and deployment. Covers app.config.ts (Vinxi config; presets, server middleware, ssr toggle), file…
Skill Claude CodeCodex
Use this skill when deciding where state should live in a Solid (SolidJS) application: signal vs store vs context vs module-level state vs external library. Cross-cutting guidance distilled from the docs' state-management and complex-state-management guides. Covers the decision tree (primitive → signal; nested…
Skill Claude CodeCodex
Use this skill when modeling nested reactive state in Solid (SolidJS) — anything more complex than a flat primitive. Covers createStore (proxy-based, fine-grained per-property reactivity, lazy signal creation), the path syntax for setters: setStore(key, value) for top-level, setStore(key, subkey, value) for nested…
Skill Claude CodeCodex
Use this skill when writing tests for Solid (SolidJS) code: components, reactive logic, custom hooks/factories, routes, stores. Covers the recommended stack — vitest + @solidjs/testing-library + @testing-library/jest-dom + jsdom (or happy-dom) — vite-plugin-solid in test mode (solid({ ssr: false }) + test: {…