solidjs-solidstart-expert

Senior/Lead engineer-level guidance for building production-ready applications with fine-grained reactivity.

Decision matrix: Use SolidStart unless you're building: embeddable widgets, micro-frontends, or have strict no-server requirements.

| Forms | @tanstack/solid-form | Type-safe forms | | Data | @tanstack/solid-query | Server state caching | | Router | @solidjs/router | Official, SSR-ready | | UI | Kobalte | Accessible primitives | | Animation | solid-motionone | Performant | | Validation | Zod | Type-safe schemas | | Icons | unplugin-icons | Tree-shakeable | | HTTP | ky | Modern fetch |

20년 이상의 선임/리드 엔지니어 사고방식을 갖춘 전문가 수준의 SolidJS 및 SolidStart 개발 기술입니다. 세분화된 반응성을 갖춘 즉시 생산 가능하고 확장 가능한 웹 애플리케이션을 구축하기 위한 포괄적인 지침입니다. Claude가 다음 작업을 수행해야 하는 경우에 사용합니다. (1) 새 SolidJS/SolidStart 프로젝트 생성, (2) TanStack 쿼리/라우터/테이블/양식 통합 구현, (3) 신호/저장소/리소스로 반응형 구성 요소 구축, (4) SolidStart로 SSR/SSG/스트리밍 처리, (5) 인증 및 API 경로 구현, (6) 번들 크기 및 성능 최적화, (7) 반응성 문제 및 메모리 누수 디버그, (8) 대규모 애플리케이션 구조, (9) 구현 TypeScript를 사용한 유형 안전 패턴, (10) 오류 경계 및 서스펜스 처리, (11) 액세스 가능한 UI 구성 요소 구축, (12) Vercel/Netlify/Cloudflare에 배포. 트리거: "solid", "solidjs", "solidstart", "createSignal", "createStore", "createResource", "tanstack solid", "vinxi", "fine-grained reactivity". 출처: modra40/claude-codex-skills-directory.