Skill
Community

typescript-development

Install
1
Install the plugin
$
npx claudepluginhub levifig/loaf --plugin loaf

Want just this skill?

Then install: npx claudepluginhub u/[userId]/[slug]

Description

Covers TypeScript 5+, React 18+, Next.js 14+ App Router, Zustand, Tailwind CSS, and Vitest testing.

Tool Access

This skill is limited to using the following tools:

ReadWriteEditBashGlobGrep
Supporting Assets
View in Repository
references/a11y.md
references/api.md
references/core.md
references/debugging.md
references/esm.md
references/forms.md
references/mobile.md
references/nextjs.md
references/performance.md
references/react.md
references/state.md
references/styling.md
references/testing.md
references/types.md
Skill Content

TypeScript Development

Modern TypeScript development with React ecosystem.

Stack Overview

LayerDefaultAlternatives
LanguageTypeScript 5+JavaScript (ESM)
RuntimeNode.js 22+Bun, Deno
FrameworkNext.js 14+Vite, Remix
UI LibraryReact 18+-
State (Client)ZustandContext + Reducer
State (Server)React QuerySWR
FormsReact Hook Form + Zod-
StylingTailwind CSS + CVACSS Modules
TestingVitest + RTLJest
E2E TestingPlaywrightCypress
Package Managerpnpmnpm, yarn

Topics

TopicUse For
CoreProject setup, tsconfig, modern TS features, type utilities
ReactComponents, hooks, Context API, performance patterns
Next.jsApp Router, Server/Client Components, Server Actions, routing
TypesAdvanced types, generics, conditional types, type guards
StateZustand, React Query, Context + Reducer, URL state
FormsReact Hook Form, Zod validation, Server Actions integration
APIFetch wrappers, React Query, tRPC, GraphQL, WebSockets
TestingVitest, React Testing Library, MSW, Playwright E2E
StylingTailwind CSS, CVA variants, dark mode, responsive design
PerformanceBundle analysis, code splitting, memoization, Web Vitals
AccessibilityWCAG compliance, ARIA, keyboard navigation, screen readers
MobileReact Native, Expo, navigation, platform-specific code
ESMESM patterns, JSDoc types, JS vs TS decision guide
DebuggingConsole methods, DevTools, source maps, async debugging

Critical Rules

Always

  • Use strict mode in tsconfig
  • Type all function parameters and returns
  • Handle null/undefined explicitly
  • Use Server Components by default
  • Validate on both client and server
  • Test with screen readers
  • Measure before optimizing

Never

  • Use any (use unknown with type guards)
  • Use ! (non-null assertion) without justification
  • Store server data in client state (use React Query)
  • Rely on color alone for information
  • Create new functions in render
  • Skip error handling for API calls
Stats
Stars1
Forks0
Last CommitMar 17, 2026

Similar Skills