mehdi
Community@mehdibha · Sousse
Bringing singularity to the web.
Agent Skills by mehdi
Showing 20 vetted skills indexed across 1 GitHub repositories.
mehdibhareact-grab
Processes browser UI element grabs from React Grab as a continuous agent task loop.
mehdibhadevtools-app-setup
Install and configure TanStack Devtools with framework adapters and plugin registration.
mehdibhastart-core/server-routes
Implements server-side API endpoints in TanStack Start using createFileRoute server handlers.
mehdibharouter-core/navigation
Implements type-safe navigation in TanStack Router using Link, useNavigate, preloading, and blocking.
mehdibharouter-core/search-params
Validate, read, and write URL search params in TanStack Router applications.
mehdibharouter-core/data-loading
Implement route loaders, SWR caching, and deferred data loading in TanStack Router applications.
mehdibhastart-core/deployment
Configure TanStack Start deployment, SSR modes, prerendering, and SEO for hosting providers.
mehdibharouter-core/not-found-and-errors
Implement 404 handling, error boundaries, and route masking in TanStack Router applications.
mehdibharouter-plugin
Configures TanStack Router bundler plugin for route generation and automatic code splitting.
mehdibhareact-start
Implements React bindings and project setup for TanStack Start applications.
mehdibhadev-tweaker
Adds throwaway useTweak controls to React feature components for live design exploration.
mehdibharouter-core/path-params
Implement dynamic path segments, splat routes, and optional params in TanStack Router.
mehdibhastart-core
Configure TanStack Start projects with Vite plugin, router factory, and root route shell.
mehdibharouter-core
Implements type-safe routing with TanStack Router route trees, loaders, and navigation.
mehdibhastart-core/execution-model
Control server and client execution boundaries in TanStack Start applications.
mehdibhastart-core/server-functions
Create type-safe server functions in TanStack Start using createServerFn with validation and error handling.
mehdibhadevtools-vite-plugin
Configure the TanStack Devtools Vite plugin for source inspection, console piping, and production stripping.
mehdibharouter-core/ssr
Implements non-streaming and streaming server-side rendering for TanStack Router applications.
mehdibharouter-core/type-safety
Enforces full type inference patterns for TanStack Router routes, hooks, and links.
mehdibhastart-core/middleware
Implements request and server function middleware for TanStack Start applications.
Frequently Asked Questions About mehdi
FAQPage SchemaWhat tasks can I accomplish with mehdibha's TanStack skills?▼
You can build type-safe route trees with navigation, path and search params, data loading with SWR caching, error and not-found handling, server functions, middleware, streaming SSR, and deploy to Cloudflare Workers, Vercel, Netlify, Node.js, or Bun.
Who are these skills designed for?▼
Frontend and full-stack engineers building React applications with TanStack Router or TanStack Start who need guidance on routing, SSR, server functions, type inference, and Devtools integration across Vite, Webpack, Rspack, or esbuild.
What are the prerequisites and dependencies?▼
Sub-skills require their parent cores: router-core for all router sub-skills and start-core for Start sub-skills. Libraries are tanstack-router and tanstack-start at version 1.166.2, and @tanstack/devtools 0.10.12. The Devtools Vite plugin requires Vite ^6 or ^7.
How do I set up TanStack Devtools in my app?▼
Install @tanstack/devtools, pick the React, Vue, Solid, or Preact adapter, register plugins via the plugins prop, and configure shell options like position, hotkeys, and theme. The Vite plugin must be first in the Vite config and supports source inspection and console piping.
Do these skills cover type safety and search param validation?▼
Yes. The type-safety skill covers Register module declaration, from narrowing, getRouteApi, and LinkProps utilities. The search-params skill covers validateSearch with Zod, Valibot, or ArkType adapters, custom serialization, and search middlewares.