Standardize SolidJS TypeScript code with a four-layer architecture and CSS Modules.
npx skills add https://github.com/ajelinek/skills-stash --skill solid-js
Please help me install this Agent Skill. Skill: solid.js Source: https://github.com/ajelinek/skills-stash/tree/main/solid.js Command: npx skills add https://github.com/ajelinek/skills-stash --skill solid-js
SolidJS projects often suffer from inconsistent patterns, fragmented component architectures, and ad hoc state-management choices. This skill provides a structured conventions-based approach to building and refactoring SolidJS TypeScript code, enabling reusable primitives, typed stores, and accessible HTML semantics.
Apply the SolidJS pattern by reusing the provided foundational components, hooks, and store patterns to structure new components and features.
High-intent search queries and answers about installing and using this skill.
Structure scalable SolidJS TypeScript applications using a four-layer architecture comprising repository, service, hooks, and utilities layers. This pattern enforces consistent component creation, service-driven state, typed stores, and accessible HTML semantics to prevent fragmented codebases.
Manage forms and async data flow in SolidJS using built-in async helpers like useAsyncOperation, useAsyncSubscription, and useFormManagement. These hooks coordinate predictable UI state and data fetching while maintaining strong typing across your application.
State management and styling are handled through service-driven state with typed stores and CSS Modules. This approach standardizes shared component systems and enforces safe reactivity rules to ensure consistent styling and predictable state mutations.
Refactor existing SolidJS components into a layered architecture by applying structured conventions for repositories, services, hooks, and utilities. This standardizes component behavior, enforces strong typing, and reduces ad hoc state-management decisions across your project.
You need a structured architectural pattern for SolidJS when your project suffers from inconsistent patterns, fragmented component architectures, or ad hoc state-management choices. It is essential for building scalable apps where consistent architecture, accessibility, and strong typing matter.
Yes, this SolidJS architecture enforces safe reactivity rules alongside a four-layer design and typed store usage. These constraints prevent common reactivity pitfalls and ensure predictable behavior when building or updating components and foundational primitives.
leogallegoScaffold Ansible execution environment projects with dependency files and CI/CD pipelines.
DimitriGilbertIntegrate OpenTUI with SolidJS for reactive terminal user interfaces.
xmun74Provides frontend architecture and coding standards for TanStack Query-based projects.
usenotraDesign scalable React components using compound components, render props, and context providers.
