Skills
.Work. You
Rest

solid-impl-routing

Official

Master SolidJS routing patterns.

Software Engineering#routing#navigation#router#preload#nested-routes#solidjs
AuthorOpenAEC-Foundation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Complex SolidJS routing setups are error-prone and easy to misapply, leading to broken navigation, stale parameters, and poor user experience. This Skill provides a comprehensive guide with correct patterns, anti-patterns, and practical examples for implementing Router/HashRouter, nested routes, guards, lazy loading, and preloading in SolidJS.

Core Features & Use Cases

  • ClearRouter setup for single-page SolidJS apps with proper layout and nested routes
  • Guarded navigation and route guards to prevent unsaved changes or unauthorized access
  • Lazy loading and preloading of routes to optimize performance and UX
  • Real-world examples covering dynamic parameters, query strings, and nested route architecture

Quick Start

Configure a new SolidJS project with @solidjs/router and implement a basic two-route setup to demonstrate proper routing patterns.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: solid-impl-routing
Download link: https://github.com/OpenAEC-Foundation/SolidJS-Claude-Skill-Package/archive/main.zip#solid-impl-routing

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.