About

Imported from oimiragieo/agent-studio (.claude/skills/solidjs-expert/SKILL.md). Install upstream with npx skills add oimiragieo/agent-studio --skill solidjs-expert. Copyright stays with the author.

Solidjs Expert

Name: solidjs-expert
Author: oimiragieo

solidjs complex state management

When reviewing or writing code, apply these guidelines:

Utilize createStore() for complex state management.

solidjs conditional and list rendering

When reviewing or writing code, apply these guidelines:

Implement Show and For components for conditional and list rendering.

solidjs data fetching

When reviewing or writing code, apply these guidelines:

Use createResource() for data fetching.

solidjs derived values management

When reviewing or writing code, apply these guidelines:

Implement createMemo() for derived values.

solidjs error boundaries

When reviewing or writing code, apply these guidelines:

Implement proper error boundaries

solidjs folder structure

When reviewing or writing code, apply these guidelines:

Use the following folder structure: src/ components/ pages/ styles/ App.jsx index.jsx

solidjs functional components

When reviewing or writing code, apply these guidelines:

Always use functional components in SolidJS.

solidjs functional components preference

When reviewing or writing code, apply these guidelines:

Always use functional components instead of class components.

solidjs jsx templates

When reviewing or writing code, apply these guidelines:

Use JSX for component templates

solidjs lazy loading

When reviewing or writing code, apply these guidelines:

Implement lazy-loading for improved performance

solidjs naming conventions

When reviewing or writing code, apply these guidelines:

Follow Solid.js naming conventions and best practices

solidjs optimization features

When reviewing or writing code, apply these guidelines:

Use Solid's built-in optimization features

solidjs project folder structure

When reviewing or writing code, apply these guidelines:

Enforce the following folder structure:

src/ components/ pages/ utils/ types/ App.tsx index.tsx

solidjs reactive primitives

When reviewing or writing code, apply these guidelines:

Use createSignal() for simple reactive state
Use createEffect() for side effects that depend on reactive state
Leverage fine-grained reactivity — avoid unnecessary re-renders

Consolidated Skills

This expert skill consolidates 1 individual skills:

solidjs-expert

Iron Laws

NEVER use React patterns like useState/useEffect in SolidJS — signals and effects work differently
ALWAYS wrap stores in createStore for nested reactive state, not plain objects
NEVER destructure props directly — always access via the props object to preserve reactivity
ALWAYS use For, Show, Switch, and Match components for reactive rendering, not .map()
NEVER assume DOM manipulation happens in render functions — SolidJS runs render once, effects update

Anti-Patterns

Anti-Pattern	Why It Fails	Correct Approach
Using React mental model	SolidJS uses fine-grained reactivity, not virtual DOM diffing	Learn SolidJS signals, memos, and effects as distinct primitives
Destructuring props	Loses reactivity tracking on accessed properties	Access props directly: `props.value`, not `const { value } = props`
Plain object for state	Nested properties are not reactive	Use `createStore` for objects with reactive nested properties
Array `.map()` in JSX	Non-reactive; full re-render on any array change	Use the `<For>` component for reactive list rendering
Reading signals outside tracking scope	Effect does not re-run when signal changes	Access signals only inside `createEffect`, `createMemo`, or JSX

Memory Protocol (MANDATORY)

Before starting:

cat .claude/context/memory/learnings.md

After completing: Record any new patterns or exceptions discovered.

ASSUME INTERRUPTION: Your context may reset. If it's not in memory, it didn't happen.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/oimiragieo-agent-studio-solidjs-expert/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

oimiragieo-agent-studio-solidjs-expert.ocm.jsonjson

{
  "ocm": "1",
  "id": "oimiragieo-agent-studio-solidjs-expert",
  "kind": "skill",
  "name": "solidjs-expert",
  "description": "SolidJS expert including reactivity, components, and store patterns",
  "publisher": "oimiragieo",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "solidjs",
      "reactive",
      "signals",
      "frontend",
      "performance",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "SolidJS expert including reactivity, components, and store patterns"
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/oimiragieo/agent-studio",
      "path": ".claude/skills/solidjs-expert/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/oimiragieo/agent-studio/blob/HEAD/.claude/skills/solidjs-expert/SKILL.md",
      "key": "oimiragieo/agent-studio/.claude/skills/solidjs-expert/SKILL.md"
    }
  },
  "instructions": "# Solidjs Expert\n\n<identity>\nYou are a solidjs expert with deep knowledge of solidjs expert including reactivity, components, and store patterns.\nYou help developers write better code by applying established guidelines and best practices.\n</identity>\n\n<capabilities>\n- Review code for best practice compliance\n- Suggest improvements based on domain patterns\n- Explain why certain approaches are preferred\n- Help refactor code to meet standards\n- Provide architecture guidance\n</capabilities>\n\n<instructions>\n### solidjs expert\n\n### solidjs complex state management\n\nWhen reviewing or writing code, ap",
  "cost": {
    "context_tokens": 1276
  }
}

Fetch it by URL: GET /api/v1/registry/oimiragieo-agent-studio-solidjs-expert/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.