skills.rest
katsutoo
katsutooCOMMUNITY
Explore all skills by this author →
GitHub

solid-frontend

Build SolidStart UIs with signals, createMemo, and TypeScript strict mode.

5|Updated Jan 31, 2026
Search Tags:#typescript#reactivity#tanstack-query#server-actions#solidjs#solidstart
One-click install
npx skills add https://github.com/katsutoo/dotfiles --skill solid-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: solid-frontend
Source: https://github.com/katsutoo/dotfiles/tree/main/config/opencode/skills/solid-frontend
Command: npx skills add https://github.com/katsutoo/dotfiles --skill solid-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SolidStart frontend development often requires coordinating fine-grained reactivity, server data, and scalable architecture. This Skill provides a cohesive pattern set and best practices to streamline building reactive UIs with SolidStart, TypeScript, and modern tooling.

Core Features & Use Cases

  • Fine-grained reactivity with signals and createMemo for responsive, predictable UI.
  • Tiered architecture guidance (Tier 1-3) from client-side SPA to SSR/SSG and real-time features.
  • Server data patterns, routing, and UI primitives aligned with the SolidStart ecosystem.

Quick Start

Create a new SolidStart project and implement a minimal reactive page following the patterns described.

Frequently Asked Questions about solid-frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage fine-grained reactivity and server data in SolidStart?▼

SolidStart fine-grained reactivity uses signals and createMemo to build predictable UI, coordinating server data through server actions and TanStack Query fetching patterns for maintainable, high-performance applications.

What is the best way to structure a SolidStart app for SSR and client-side SPA?▼

A tiered architecture (Tier 1-3) scales SolidStart apps from client-side SPAs to SSR/SSG-enabled apps by applying consistent routing, state management, and modular UI component patterns across all project levels.

Does this SolidStart pattern support TypeScript strict mode and Bun runtimes?▼

Yes, these SolidStart patterns satisfy TypeScript strict mode requirements and support both Bun and Node runtimes, ensuring type-safe development across different JavaScript execution environments.

How do I validate forms and fetch data using TanStack Query in SolidStart?▼

Integrate TanStack Query for server state management and apply Zod validation within SolidStart to ensure type-safe data fetching and consistent modular forms workflows.

Can I use server actions for data fetching in SolidStart with Zod validation?▼

Yes, you can use SolidStart server actions for data fetching alongside Zod validation to enforce data integrity, forming a cohesive pattern set for type-safe full-stack development.

Related Skills

Explore More Software Engineering Skills→
faionfaionfaionfaion
4

faion-javascript-developer

Develop JavaScript and TypeScript applications across React, Node.js, and Next.js.

Community
Advanced
gil00pitagil00pita

solidstart

Build SolidStart full-stack apps with SSR, SSG, and server functions.

Community
Advanced
BintzGavinBintzGavin
94

example-solid

Integrate Helios state with SolidJS signals for reactive UI components.

Community
Intermediate
grvpanchalgrvpanchal
1

server-ssr

Coordinates SSR HTML generation, hydration, and data fetching for Next.js and Express applications.

Community
Advanced