Vite Plugins

Scaffold Vite + React + TypeScript UIs with Tailwind and shadcn/ui bundled as single HTML for Claude.ai, generate algorithmic and generative art including p5.js sketches and GIFs, process spreadsheets/PDFs/Docx/PPTx with Python, build/debug Anthropic SDK apps, test web apps with Playwright, and create branded visuals/docs.

Generate complete AI-powered wiki sites from git repositories as dark-mode VitePress static sites with Mermaid diagrams, source citations, hierarchical catalogues, audience-tailored onboarding guides, changelogs, deep research reports, and codebase Q&A. Export to Azure DevOps Wiki or deploy via GitHub Actions to Pages.

Automate end-to-end UI workflows in Google Stitch projects: enhance vague prompts into detailed specs, generate DESIGN.md design systems from screens, convert to modular React + Tailwind + TypeScript components with shadcn/ui, produce Remotion walkthrough videos, and loop autonomous website building with iterative refinements.

Build and query knowledge graphs of any codebase to uncover architecture layers, dependencies, business domains, and relationships. Visualize via interactive dashboard, analyze git diffs/PRs for change impacts and risks, generate onboarding guides and learning tours.

Master Deno development end-to-end: scaffold projects with Fresh templates, build Tailwind-integrated frontends, review code for best practices and runtime issues, deploy via CLI to Deno Deploy with KV and custom domains, and execute untrusted code in secure Firecracker microVM sandboxes.

Build full-stack React apps with TanStack Start using per-route SSR/CSR/SSG, file-based routing, server functions, and Cloudflare Workers for edge deployment. Migrate from Next.js or fix hydration, auth, and data pattern issues in React apps.

Develop full-stack React apps using TanStack Query for API data fetching, caching, mutations, and optimistic updates; Router for type-safe file-based routing with loaders and search params; Start for SSR/SSG, server functions, and deployments to Cloudflare Workers, Vercel, Node, or Bun.

Build full-stack React apps with TanStack Start by setting up type-safe server functions, composable middleware, SSR and streaming, file-based routing, authentication, sessions, Tailwind integration, and Next.js migrations. Deploy to Cloudflare Workers, Netlify, Vercel, Node.js, Bun, and more with observability via Sentry and OpenTelemetry.

Build complete deployable monetized 2D (Phaser) or 3D (Three.js) browser games from concepts: scaffold projects, generate AI/pixel art assets and procedural audio, add gameplay/monetization features, run Playwright QA tests, optimize performance, deploy to Vercel/GitHub Pages/here.now, register on Play.fun, and record promo videos using autonomous agents and skills.

Implement Framer Motion animations directly in React apps to create drag-and-drop interfaces, gesture-driven interactions, scroll-linked effects, SVG morphing, layout transitions, and spring-based physics while optimizing bundle sizes to avoid common errors.

Migrate JavaScript projects to TypeScript in one command: analyzes codebase, installs dependencies, configures tsconfig and build tools like webpack or vite, converts files to .ts, adds types, resolves errors, and updates tests.

Build production Framer plugins, code components, CMS syncs with external APIs, and Server API handlers; automate GitHub Actions CI/CD, local Vite dev loops, error debugging, performance tuning via batching/memoization, security hardening, rate limiting, webhooks, and production checklists.