Vibe Code

vibe-tools

Build type-safe, file-based routing for React with TanStack Router. Covers first-class search param APIs with Zod/Valibot/ArkType validation, built-in data loading with SWR caching, automatic code splitting, 100% inferred TypeScript types, authentication with route protection, SSR streaming and dehydration, route masking, URL rewrites, view transitions, document head management, scroll restoration, and bundler configuration for Vite, Webpack, Rspack, and esbuild.

Build full-stack React apps with TanStack Start — type-safe server functions, composable middleware (client + server), SSR/streaming, server routes, sessions, authentication, and deploy anywhere. Covers createServerFn, createMiddleware, createStart, file-based routing, search param validation, data loading with TanStack Query, selective SSR per route, static prerendering (SSG), ISR, SPA mode, CDN asset URLs, SEO/LLMO optimization, Sentry/New Relic/OpenTelemetry observability, and deployment to Cloudflare Workers, Netlify, Railway, Vercel, Node.js/Docker, Bun, and Appwrite Sites.

Create skills from documentation folders and project codebases. Review, test, and package Anthropic Agent Skills for Claude.ai and Claude Code. 13 commands including from-docs, from-project, beginner tutorial, templates, quality auditing, and distribution packaging.

Build accessible React UIs with Base UI (@base-ui/react). Covers all 35+ unstyled, headless components (Dialog, Menu, Select, Combobox, Tabs, Accordion, Toast, Form, Slider, etc.), styling patterns (Tailwind, CSS Modules, CSS-in-JS), animations, composition via render props, form integration, and TypeScript types.

Build React UIs with shadcn/ui — the open-code component system. Covers 58+ components (Base UI and Radix variants), CLI commands, components.json configuration, CSS variable theming (OKLCH), framework installation (Next.js, Vite, Astro, Remix, Laravel, Gatsby, TanStack), registry system, form patterns (React Hook Form, TanStack Form, Server Actions), dark mode, RTL, and monorepo setup.

Build ultrafast web APIs and apps with Hono across any JavaScript runtime. Covers routing, Context API, 25+ built-in middleware (auth, CORS, caching, security), type-safe RPC client, Zod/Standard Schema validation, JSX rendering, streaming/SSE, WebSocket, cookie/JWT helpers, testing patterns, and deployment to Cloudflare Workers, Bun, Deno, Node.js, AWS Lambda, Vercel, Netlify, and more.

Build type-safe APIs with oRPC — end-to-end type safety meets OpenAPI compliance. Covers procedures, routers, middleware, context, error handling, file uploads, SSE/streaming, server actions, contract-first development, OpenAPI spec generation, and 20+ framework adapters (Next.js, Express, Hono, Fastify, WebSocket, Electron, Cloudflare Workers, and more). Includes TanStack Query, SWR, Better Auth, AI SDK, and Sentry integrations.

Add type-safe keyboard shortcuts to React apps with TanStack Hotkeys. Covers hotkey registration, cross-platform Mod shortcuts, Vim-style multi-key sequences, hotkey recording for customization UIs, real-time key state tracking, platform-aware display formatting, and devtools integration.

Generate WordPress Gutenberg blocks using Greenshift/GreenLight plugin. Create sections, layouts, hero sections, galleries, complete pages, and migrate old blocks to modern GreenLight Element format.