Build and consume type-safe tRPC APIs with shared TypeScript types.
npx skills add https://github.com/ehyland/skills --skill trpc
Please help me install this Agent Skill. Skill: trpc Source: https://github.com/ehyland/skills/tree/main/skills/trpc Command: npx skills add https://github.com/ehyland/skills --skill trpc
This Skill provides a framework-agnostic pattern to build and consume fully type-safe APIs between server and client using tRPC, removing the need for schemas or code generation and ensuring shared types across layers.
Install core packages and scaffold a basic tRPC setup. Create a router with initTRPC, export a publicProcedure, and implement a client that calls the router endpoints.
High-intent search queries and answers about installing and using this skill.
tRPC enables type-safe APIs by sharing TypeScript types directly between server and client without schemas or codegen. Define routers and procedures on the server, export them as types, and call them from the client with full type inference and autocomplete.
Yes, tRPC works across Node and browser contexts, making it ideal for full-stack projects like Next.js with React clients. You define API routers in your backend and consume them in React components with end-to-end type safety.
Initialize tRPC with initTRPC, create a publicProcedure, define routers with queries and mutations using input and output types, then export the router. Set up a client that connects to your router endpoints and automatically infers all types.
tRPC eliminates schema files and code generation by using TypeScript types as your single source of truth. Unlike REST or GraphQL, you share types directly between layers, enabling rapid iteration and immediate feedback when API contracts change.
No, tRPC is framework-agnostic and focuses on the API contract layer. You can pair it with any database, ORM, or data source—it handles type-safe communication between client and server regardless of your backend persistence layer.
Yes, tRPC routers support queries, mutations, and subscriptions. You can also add middleware to handle authentication, logging, and context setup, giving you full control over request lifecycle and type-safe access to shared context.
windyskyImplement TypeScript 5.9+ patterns for React and Next.js applications.
Gdm0714Implement centralized error handling with user-friendly messages and developer logs.
itsimonfredlingjackDefine tRPC server routers with Zod input validation for end-to-end type safety.
erichowensDesign and validate REST, GraphQL, and gRPC API contracts and architectures.
