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 |

مهارة تطوير SolidJS وSolidStart على مستوى الخبراء مع عقلية مهندس رئيسي/كبير يزيد عن 20 عامًا. إرشادات شاملة لبناء تطبيقات ويب جاهزة للإنتاج وقابلة للتطوير مع تفاعل دقيق. يُستخدم عندما يحتاج Claude إلى: (1) إنشاء مشاريع SolidJS/SolidStart جديدة، (2) تنفيذ تكامل TanStack Query/Router/Table/Form، (3) إنشاء مكونات تفاعلية باستخدام الإشارات/المخازن/الموارد، (4) التعامل مع SSR/SSG/البث باستخدام SolidStart، (5) تنفيذ المصادقة ومسارات API، (6) تحسين حجم الحزمة والأداء، (7) تصحيح مشكلات التفاعل وتسرب الذاكرة، (8) البنية تطبيقات واسعة النطاق، (9) تنفيذ أنماط آمنة من النوع باستخدام TypeScript، (10) التعامل مع حدود الأخطاء والتشويق، (11) إنشاء مكونات واجهة المستخدم التي يمكن الوصول إليها، (12) النشر إلى Vercel/Netlify/Cloudflare. المشغلات: "solid"، "solidjs"، "solidstart"، "createSignal"، "createStore"، "createResource"، "tanstack Solid"، "vinxi"، "تفاعلية دقيقة الحبيبات". المصدر: modra40/claude-codex-skills-directory.