Krzysztof Widacki
Community@Angael · Poland
Krzysztof Widacki maintains 28 skills covering TanStack Router and TanStack Start full-stack React development, from type-safe routing to SSR deployment and authentication.
Agent Skills by Krzysztof Widacki
Showing 28 vetted skills indexed across 1 GitHub repositories.
Angaelstart-core-deployment
Configure TanStack Start deployment, SSR modes, prerendering, and SEO for hosting platforms.
Angaelrouter-core-type-safety
Enforces full type inference patterns for TanStack Router hooks, links, and route trees.
Angaelstart-core-server-routes
Implements server-side API endpoints using createFileRoute server handlers in TanStack Start.
Angaelcompositions-router-query
Integrates TanStack Query caching with TanStack Router loaders and SSR hydration.
Angaelstart-core
Configure TanStack Start projects with Vite plugin, router factory, and root route shell.
Angaelrouter-core-code-splitting
Configures automatic and manual code splitting for TanStack Router route files.
Angaelrouter-core-ssr
Implements streaming and non-streaming SSR for TanStack Router applications.
Angaelstart-core-server-functions
Implements type-safe server functions in TanStack Start using createServerFn with validation and error handling.
Angaelrouter-core
Implements type-safe TanStack Router route trees, navigation, and data loading patterns.
Angaeldrizzle-kit-flow
Guides Drizzle Kit schema changes, migrations, and production database deployment workflows.
Angaelrouter-core-path-params
Implements dynamic path parameters, splat routes, and optional segments in TanStack Router.
Angaelreact-start
Implements React bindings and project setup for TanStack Start applications.
Angaelrouter-core-auth-and-guards
Implement route protection, redirects, and RBAC guards in TanStack Router applications.
Angaelbase-ui
Consults official Base UI documentation before implementing or reviewing components.
Angaelreact-start-server-components
Implement and debug TanStack Start React Server Components in React 19 applications.
Angaelstart-core-middleware
Implements request and server function middleware for TanStack Start applications.
Angaelrouter-core-data-loading
Configure TanStack Router loaders, SWR caching, pending states, and deferred data loading.
Angaelrouter-core-navigation
Implements type-safe navigation in TanStack Router using Link, useNavigate, preloading, and blocking.
Angaeldate-operations
Standardizes TypeScript date handling using the date-fns library.
Angaelarktype
Write and review ArkType boundary validation schemas for server functions and API routes.
Angaelrouter-core-search-params
Validate and manage URL search params in TanStack Router with Zod, Valibot, or ArkType schemas.
Angaelstart-core-execution-model
Control server and client execution boundaries in TanStack Start applications.
Angaelstart-core-auth-server-primitives
Implement server-side session, OAuth, CSRF, and rate-limiting primitives for TanStack Start applications.
Angaelrouter-core-not-found-and-errors
Implement not-found handling, error boundaries, and route masking in TanStack Router applications.
Frequently Asked Questions About Krzysztof Widacki
FAQPage SchemaWhat tasks can I accomplish with Angael's TanStack skills?▼
You can build type-safe route trees with path and search params, add loaders with SWR caching, integrate TanStack Query with SSR dehydration, create server functions and API routes, apply middleware, implement authentication with session cookies and OAuth, and deploy with selective SSR or static prerendering.
Who are these skills designed for?▼
React and TypeScript developers building full-stack applications with TanStack Router or TanStack Start version 1.166.2. They suit engineers handling routing, data loading, SSR streaming, React Server Components, authentication guards, and Drizzle schema migrations in production web projects.
How do the skills relate to each other in practice?▼
Start with router-core or start-core entry points, then layer sub-skills: react-router or react-start framework bindings, data-loading, navigation, search-params, and type-safety. Composition skills like compositions-router-query combine router with TanStack Query for SSR streaming setups.
What prerequisites do these skills require?▼
Skills declare explicit dependencies: most router sub-skills require router-core, Start sub-skills require start-core, and auth primitives require server-functions plus middleware. Projects need React, TypeScript, Vite with the tanstackStart plugin, and optionally Zod, Valibot, or ArkType for validation.
Do the skills cover deployment and hosting?▼
Yes. The start-core-deployment skill covers Cloudflare Workers, Netlify, Vercel, Node.js/Docker, Bun, and Railway targets, including SPA mode, static prerendering, ISR via Cache-Control headers, per-route SSR options, and SEO head management for production releases.