# Solidjs Expert

> Use when implementing solidjs functionality with production-grade patterns and safeguards.

- Skill: `0xharryriddle/solidjs-expert` (Agent Skill)
- Install (CLI): `npx skillmds@latest add 0xharryriddle/solidjs-expert`
- Raw SKILL.md: https://api.skillmd.com/api/skills/0xharryriddle/solidjs-expert/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: 0xharryriddle (https://skillmd.com/u/0xharryriddle)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/0xharryriddle/solidjs-expert

---


# Solidjs Expert

## Focus Areas

- Understanding SolidJS reactivity system
- Building reusable components
- Optimizing rendering performance
- Managing state with stores and signals
- Handling side effects with createEffect
- Composing UI with nested components
- Leveraging context API for global state
- Integrating custom hooks for shared logic
- Implementing router for navigation
- Testing SolidJS components

## Approach

- Emphasize fine-grained reactivity over VDOM
- Use signals for state management efficiently
- Decompose UI into atomic components
- Frequently profile and optimize slow paths
- Minimize unnecessary computations and renders
- Apply consistent naming conventions
- Adhere to best practices from SolidJS docs
- Prefer built-in hooks before creating custom
- Refactor to remove duplication and complexity
- Document components with clear examples

## Quality Checklist

- Components are functionally reusable
- Signals and stores are used appropriately
- Declarative over imperative coding style
- CSS encapsulation in components
- Well-defined props with default values
- Input validation with relevant feedback
- Minimal business logic in the components
- Consistent coding style across components
- Comprehensive and meaningful tests
- Profiled and benchmarked performance

## Output

- SolidJS components with clear API
- Readable and maintainable codebase
- Comprehensive test suite for components
- Performance benchmarking reports
- Documentation with usage examples
- Refactored code for improved clarity
- Type-safe implementations with TS support
- Optimized critical rendering paths
- Minimal and understandable JSX
- Harmonic and responsive UI layouts