lang-typescript

Generate type-safe TypeScript patterns with SolidJS and TanStack Start using Valibot validation.

8|Updated Mar 28, 2024
One-click install
npx skills add https://github.com/joncrangle/.dotfiles --skill lang-typescript-joncrangle
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lang-typescript
Source: https://github.com/joncrangle/.dotfiles/tree/main/dot_config/opencode/skills/lang-typescript
Command: npx skills add https://github.com/joncrangle/.dotfiles --skill lang-typescript-joncrangle

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Typing, pattern design, and framework integration for TypeScript 5.9+ (including SolidJS and TanStack Start) can be verbose and error-prone; this skill guides users to create robust, type-safe implementations with consistent patterns.

Core Features & Use Cases

  • Type-safe TypeScript patterns leveraging modern features like the Satisfies operator, deferred module evaluation, and decorators.
  • SolidJS pattern guidance including signals, stores, memos, resources, and integration with TanStack Start routing.
  • TanStack Start server functions, route definitions, and middleware scaffolding with data fetching patterns.
  • Valibot-based validation for API inputs and outputs with clear type-safe schemas.
  • Real-world use cases include scaffolding a new feature module with typed routes, data validation, and end-to-end data flow.

Quick Start

Ask the skill to scaffold a TypeScript module using SolidJS and TanStack Start with Valibot validation.

Frequently Asked Questions about lang-typescript

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

FAQPage Schema
How do I scaffold a type-safe TypeScript module with SolidJS and TanStack Start?

Scaffolding a type-safe TypeScript module with SolidJS and TanStack Start involves generating route definitions, server functions, and middleware with strict type inference and Valibot validation. You can automate this by requesting a feature module with typed routes and end-to-end data flow.

What is the best way to validate API inputs in a TanStack Start application?

The best way to validate API inputs in TanStack Start is using Valibot to define clear type-safe schemas. This approach ensures strict validation for API inputs and outputs while maintaining TypeScript type inference across server functions and data fetching patterns.

How do SolidJS signals and stores integrate with TanStack Start routing?

SolidJS signals and stores integrate with TanStack Start routing by leveraging resources and memos to manage data fetching patterns. This combination ensures type-safe state management and end-to-end data flow across your TypeScript project's route definitions and middleware.

Does this TypeScript pattern generation support modern features like the Satisfies operator?

Yes, TypeScript pattern generation supports modern features like the Satisfies operator, deferred module evaluation, and decorators. It leverages TypeScript 5.9+ capabilities to enforce strict type-safety and robust pattern design across your SolidJS and TanStack Start implementations.

Can I use Valibot for type safety instead of other schema validation libraries?

Yes, you can use Valibot for type safety to define clear type-safe schemas for API inputs and outputs. It provides the validation layer required for automating TypeScript patterns and ensuring safety validations across TanStack Start server functions and SolidJS components.

What are the limitations of using TypeScript 5.9+ patterns with SolidJS components?

Limitations of using TypeScript 5.9+ patterns with SolidJS components arise when strict type-safety is not maintained across signals, stores, and TanStack Start routing. Inconsistent pattern design and bypassing Valibot validation can lead to error-prone implementations and broken type inference.