This is a comprehensive reference for building type-safe APIs with tRPC, covering everything from basic router setup to production patterns. The skill walks through the core value proposition: you define your API once on the server with Zod validation, export the router type, and your React client gets full autocomplete and type checking without any codegen step. It includes practical sections on React Query integration, Next.js App Router setup, middleware for auth, error handling, and even real-time subscriptions. The progressive disclosure structure means you can jump straight to file uploads or testing strategies without wading through basics. Best for full-stack TypeScript projects where you control both ends of the wire, not for public APIs or polyglot services.

skills.sh installs
1K
GitHub stars
79
last updated
Aug 21, 2026

Install

$ npx -y skills add bobmatnyc/claude-mpm-skills --skill trpc-type-safety --agent claude-code

Installs into .claude/skills of the current project.

Files

This is a comprehensive reference for building type-safe APIs with tRPC, covering everything from basic router setup to production patterns. The skill walks through the core value proposition: you define your API once on the server with Zod validation, export the router type, and your React client gets full autocomplete and type checking without any codegen step. It includes practical sections on React Query integration, Next.js App Router setup, middleware for auth, error handling, and even real-time subscriptions. The progressive disclosure structure means you can jump straight to file uploads or testing strategies without wading through basics. Best for full-stack TypeScript projects where you control both ends of the wire, not for public APIs or polyglot services.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/bobmatnyc/claude-mpm-skills
Category
Frontend Development

More from bobmatnyc/claude-mpm-skills

All 158
1dalestudy avatarstorybookdalestudy/skillsStorybook 스토리 작성 및 CSF 3.0 베스트 프랙티스 스킬. 다음 상황에서 사용: (1) 새 스토리 파일(.stories.tsx, .stories.ts) 작성 시, (2) 기존 스토리 수정 시, (3) Args, Decorators, Parameters 설정 시, (4) St980skills.sh installs
2chrisbanes avatarcompose-slot-api-patternchrisbanes/skillsUse when designing or reviewing a reusable Jetpack Compose component whose visual regions vary by caller, or when primitive content parameters and boolean shape970skills.sh installs
3patternsdev avatarstatic-renderingpatternsdev/skillsTeaches static rendering (SSG) for build-time HTML generation. Use when your pages don't change per request and can be pre-rendered at build time for maximum ca965skills.sh installs
4mindrally avatardesign-systemsmindrally/skillsComprehensive design system guidelines for building consistent, accessible, and scalable component libraries. Use when creating design tokens, building componen932skills.sh installs
5heygen-com avatarvisual-styleheygen-com/skillsCreate, extract, and apply portable visual design systems via visual-style.md files. Use when: (1) Creating a visual-style.md design system from scratch, (2) Ex921skills.sh installs
6oracle avatarnetsuite-sdf-project-documentationoracle/netsuite-suitecloud-sdkGenerate enterprise-grade documentation for NetSuite SDF projects. Analyze scripts, object XML files, `manifest.xml`, and SuiteQL queries to produce README.md, 895skills.sh installs