Vite plugins

Modern JS/TS development across full stack: write type-safe code with ES6+/TypeScript patterns, scaffold projects for Next.js/React/Node/CLI, test with Jest/Vitest/Testing Library, and build backend APIs with Express/Fastify

Creates and presents web-based slidedecks from Markdown using Slidev, with Vue components, code highlighting, animations, and interactive features for technical presentations, conference talks, code walkthroughs, or teaching materials.

Build AI agents that generate and interact with React UI components using Tambo: auto-integrate into existing React/Next.js/Vite apps by detecting stack, installing packages, wiring providers, and adding chat UI; or CLI-scaffold new generative UI apps with starter components and schemas.

Generate and edit images using GPT Image 2 and OpenAI-compatible endpoints with 70+ structured prompt templates across 18 categories, plus build polished visual web artifacts like pages, dashboards, prototypes, slide decks, and data visualizations using HTML/CSS/JavaScript/React.

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.

Build interactive web UIs for MCP servers and Claude Desktop apps using guided Claude Code skills. Add UIs to existing servers via Apps SDK, convert web apps to hybrid MCP format with shared code and tool registration, create new apps from React/Vue/Svelte templates with Vite bundling, or migrate OpenAI Apps SDK projects.

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.

Build full-stack Nuxt 4+ applications with authentication, SEO, CMS content management, UI components, database access, and deployment to Cloudflare or Vercel, while also providing Vue 3 patterns, 3D scenes, game development, TypeScript library authoring, and testing workflows.

Configure VSCode extensions to test APIs with httpYac including auth scripts and CI/CD workflows, monitor multiple dev server ports like Vite and Next.js in real-time, and deploy static sites via SFTP to Nginx servers with secure setups.

Build, debug, test, deploy, and optimize browser-based Node.js apps and IDEs using StackBlitz SDK and WebContainers: boot in-browser environments, embed interactive playgrounds in docs, fix common errors, run Playwright CI tests, deploy to Vercel/Netlify with production headers, and tune performance/security.

Scaffold and deploy full-stack Cloudflare Workers apps with Hono APIs, Vite+React+Tailwind+shadcn frontends, Drizzle/D1 databases including schemas/migrations/seeds; manage infrastructure via REST API for DNS records, cache purges, WAF rules, R2/KV ops.

Run slash commands to audit full-stack performance, optimize Webpack/Vite/Gradle builds and React bundle sizes via code splitting and caching, implement Node/Express caching layers and service workers, configure Cloudflare/AWS CDNs, and simulate system loads for bottleneck fixes and capacity planning.

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.

Analyze JavaScript and TypeScript bundle sizes in webpack and Vite projects to identify top modules, duplicates, and tree-shaking issues, then apply optimizations via config suggestions, named imports, and rebuilds with before-after size reports.

Run interactive design sessions that interview requirements, generate UI variations, collect feedback, and output refined designs with implementation plans for your frontend components.

Generate, scaffold, and monetize browser games (Phaser 2D or Three.js 3D) from a single command. Covers prototyping, pixel art/3D model generation, audio, UI polish, multiplayer via PartyKit, automated Playwright QA, and deployment to here.now/GitHub Pages/Vercel/itch.io with optional Play.fun monetization hooks.

Develop, preview, save, deploy, and roll back CloudBase Vite-based React/Vue web apps within a vibe-coding session, with automated release hygiene hooks.

Develop production PHP apps with Laravel, Symfony, and WordPress: generate clean architectures and AWS Lambda handlers, build Sage themes, use expert agents to review code, refactor for SOLID principles, audit security vulnerabilities, design DDD structures, plus PHP LSPs for diagnostics, navigation, and intelligence.

Create React/Vite code apps for Power Apps, add Dataverse tables and Microsoft connectors like SharePoint, Teams, Excel, OneDrive, Office 365, Azure DevOps, and Copilot Studio with generated TypeScript services, list environment connections, build, and deploy via pac CLI to Power Platform.

Rapidly scaffold projects and build functional prototypes, MVPs, or proofs-of-concept for new app ideas, viral trends, business validations, and investor demos using modern tech stacks.

Rapidly scaffold projects and build functional prototypes, MVPs, or proofs-of-concept for new app ideas, viral trends, business validation, and stakeholder demos using modern tech stacks.

Rapidly scaffold projects and build functional prototypes, MVPs, or proofs-of-concept for new app ideas, viral trends, business validations, and stakeholder demos using modern tech stacks like Next.js, Vite, React Native, and TypeScript.

Manage the full Storybook workflow from Claude: initialize Storybook in a project, write and review component stories with a strict workflow, preview components in a running dev server, and upgrade Storybook across major versions.

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.

Accelerate SvelteKit app development by invoking skills that deliver patterns for Svelte 5 runes reactivity, data flow with load and remote functions, routing and structure, CSS styling, UI components, template directives, interactive charts, and adapter-based deployments.

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.

Orchestrate full game development workflows for Unity, Unreal, Godot, and web projects—from design docs, asset pipelines, and gameplay systems to build automation, platform certification, and live-ops—using reusable agents, skills, and commands that enforce project standards and reduce manual process risk.

Develop full-stack Nuxt 5 applications by interactively setting up projects with wizards, following guided skills for core setup, data fetching, server routes, and production optimization, delegating debugging, Nuxt 4 migrations, and performance audits to autonomous agents, and accessing official documentation via remote MCP server.

Implement type-safe file-based routing for React SPAs using TanStack Router. Build routes with loader functions, integrate TanStack Query for data fetching, bundle projects with Vite, deploy to Cloudflare Workers, and access dedicated devtools.

Set up and troubleshoot Content Collections in Vite + React apps to transform Markdown/MDX files into type-safe TypeScript data using Zod schemas for blogs and docs sites. Fix TypeScript import errors, path aliases, collection validation issues, and migrate from Contentlayer.

Generate, modify, and style schema-driven React components from natural language prompts using Thesys AI. Outputs type-safe TypeScript code ready for Vite, Next.js, or Cloudflare Workers deployment.

Develop Craft CMS 5 plugins and sites with AI agents that scaffold project config, generate PHP code following framework conventions, debug with hypothesis-driven reproduction, and review PRs for cross-file issues and security gaps.

Apply a structured wisdom-based framework to coding, debugging, code review, and team collaboration within Claude Code, with automated agents that execute subtasks, monitor anti-patterns, inject git context, and visualize decision data.

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.

Integrate C++ libraries like SQLite, OpenCV, or OpenSSL into JavaScript/TypeScript projects running in browsers, Node.js, React Native, or Cloudflare Workers via the cpp.js WebAssembly runtime. Detect frameworks like Next.js or Vite to apply tailored integration playbooks, scaffold reusable pnpm-installable cpp.js packages with CMake, troubleshoot configurations, and fix monorepo bugs.

Configure Vitest testing for Vite-powered JavaScript/TypeScript projects with workspace setups, performance optimizations, and unit testing patterns, while logging file writes, web fetches, and session stops.

Implement USDC payments, CCTP cross-chain bridging across EVM chains and Solana, programmable wallets (developer-controlled, user-controlled, modular with passkeys/MPC), Gateway unified balances, and smart contract interactions using Circle SDKs with guided skills for web3 apps.

Validates and enforces quality for Storybook projects by configuring stories with TypeScript-safe args, autodocs, MDX documentation, play-function interaction tests, and project setup with addons and React-Vite frameworks.

Analyze JavaScript bundle sizes for webpack, Rollup, and Vite projects to generate visual reports, audit dependencies, evaluate tree shaking, and receive code splitting recommendations for performance optimization.

Configure Sentry error monitoring, performance tracing, and release management across JavaScript, Python, and Go stacks. Capture errors with context, set up distributed tracing from browser to Node.js, manage alerts and issue triage, and automate source map uploads in CI/CD.

Design, configure, and manage monorepo architectures with tools like Turborepo, Nx, and Lerna — including workspace setup, dependency management, caching, CI/CD pipelines, versioning, and cross-package development workflows.

Lint and auto-fix Markdown/MDX files against 92 SEO/GEO rules for AI search optimization, running autonomous fix loops until zero violations. Generate self-configuring content pipelines that auto-detect web frameworks, brand voice, categories, authors, and keywords, with built-in validation.

Set up production-ready shadcn-vue UI components in Vue/Nuxt apps with Tailwind CSS and Reka UI, enabling accessible forms, data tables, charts, dark mode, and easy component imports.

Add zero-config animations to React lists, accordions, and toasts with @formkit/auto-animate, preventing SSR errors, conditional rendering issues, and missing keys in Next.js, Vite, Bun, and Cloudflare apps.

Develop complete apps for Even Realities G2 smart glasses using Even Hub SDK: scaffold Vite+TypeScript projects and templates, build precise UIs and layouts for greyscale displays, integrate hardware like mic/IMU/battery, handle touchpad inputs and state persistence, reference CLI/SDK APIs, automate simulator testing, and package .ehpk bundles for submission.

Develop mini-apps for Toss (Apps in Toss) using WebView with Vite+React+TypeScript, React Native via Granite framework, Unity WebGL, or Cocos Creator. Integrate Toss OAuth2 login, Toss Pay mTLS payments, push notifications, and ads.

Consult an AI expert for JavaScript/TypeScript SDLC validation, modern best practices, framework selection like React, TypeScript configuration, bundle optimization with Vite and ESLint, and Node.js development across frontend and backend workflows.

Audit and improve Capacitor mobile app quality using targeted skills for WCAG accessibility checks, performance profiling with DevTools and native tools, Capsec security scans for 63+ vulnerabilities, Vitest/Playwright testing setups, WebView/Xcode debugging workflows, and iOS/Android device log streaming.

Automate E2E testing workflows by launching dev servers, running Playwright browser tests with navigation, interactions, screenshots, videos, and visual pass/fail reviews; generate test templates; and review GitHub PRs for code quality, security audits, linter checks, and test execution.

Extends Claude Code with 36 on-demand AWS and cloud skills for infrastructure, security, monitoring, migration, serverless, and AI agent development, plus slash commands and security hooks to accelerate cloud workflows.

Develop Nette Framework applications with Latte templates, NEON config, DI container, database access, forms, and Tracy debugging — all scaffolded and validated against framework conventions.

Generate modern React components, custom hooks, and Tailwind styles with TypeScript; implement patterns like composition and state management with Zustand; design app architectures; write Vitest and Jest tests; review code for best practices, performance, accessibility, and quality using specialized agents.

Run UX regression testing on browser-based and webview apps after E2E tests, catching usability, accessibility, and interface-quality issues with automated journey validation and heuristic checks

Set up Tailwind CSS v4 in frameworks like React, Next.js, Vue, Astro; generate accessible, responsive components and layouts with dark mode, animations, plugins; debug issues; optimize performance with JIT, tree shaking, and best practices for mobile-first designs.

Scaffold, customize, theme, and optimize Material UI (MUI) apps in React/Next.js with specialized commands for DataGrids, charts, TreeViews, forms, SSR, performance tuning, accessibility audits, testing, multi-tenant design systems, and v4-v6 migrations using 27 skills, 14 commands, and 7 agents.

Converts raw SQL into type-safe Kysely TypeScript code and provides backend development skills including code review, security auditing, documentation generation, and release automation

Transforms project ideas into production-ready applications through a multi-agent pipeline. Specifies requirements, plans architecture, generates tasks, then autonomously builds code using specialized agents for frontend, backend, database, DevOps, testing, and security with quality gates and git integration.

Generate production-ready TypeScript manifests, Lit elements, C# controllers, and project setups to fully customize Umbraco CMS backoffice with sections, dashboards, property editors, actions, authentication, themes, validations, trees, collections, and health checks using official docs, plus QA code review and automated builds.

Initialize Tailwind CSS v4 setups in Next.js, Vite, React, Vue, Astro, or plain HTML projects; migrate v3 configs to v4; audit usage for best practices, performance, and compliance with auto-fixes; optimize bundles by purging unused classes and analyzing output sizes.

Build complete, branded Slidev presentations: extract brand tokens from websites via Playwright, generate content strategies and slide structures, embed interactive Vue components and code demos with Shiki highlighting, then export to PDF, PPTX, PNG, or SPA.

Load before Vite projects to access knowledge of 7.0–8.0 changes like Rolldown bundler default, tsconfigPaths resolution, React plugin v6 with Oxc, Environment API, and SSR improvements, avoiding errors from outdated training data for smoother frontend development.

Patch your coding assistant with essential Astro 6.0 knowledge to handle new features like Fonts API, live collections, CSP configuration, route caching, and ClientRouter, plus breaking changes from Node 22+, Zod 4, Vite 7, and Shiki 4. Develop modern Astro sites with accurate, up-to-date guidance without manual research.

Test Umbraco CMS backoffice extensions comprehensively: generate runnable TypeScript/LitElement examples with Vite and mocked APIs, build fluent test models for content and document types, unit test web components with @open-wc/testing, mock APIs and run isolated UI with MSW without .NET backend, and run E2E workflows on real instances using Playwright with core helpers.

Configure vite.config.ts files, develop Vite plugins with the plugin API, build SSR apps using Vite features like import.meta.glob, and migrate projects to Vite 8 with Rolldown support.

Run PHP and JavaScript code quality tools (PHPStan, ECS, PHPUnit, ESLint, Stylelint, Prettier, Jest) and trigger Vite/Webpack builds from Claude, plus get Shopware LSP intelligence for Twig templates, routes, service IDs, and feature flags — all within Docker or local environments.

Build and maintain a PMF context layer using markdown files for ICP, value proposition, MVP PRD, and validation plans. Generate production-ready React+Vite landing pages from these files for conversion testing. Iteratively update files via commands, check status, and follow guided workflows from customer discovery to product validation.

Configure Lightning CSS in Vite for fast CSS transpilation, bundling, minification, vendor prefixing, and modules, replacing PostCSS/Autoprefixer. Set up UnoCSS for on-demand atomic utility CSS generation with Tailwind-like presets and optimized stylesheets in Vite, Nuxt, Astro, or Svelte projects.

Build static documentation sites with VitePress powered by Vite and Vue. Configure themes, author Markdown enhanced with Vue components, set up routing and data loading, and execute CLI commands for generation and management.

Orchestrate multi-agent builds of full-stack web applications with a fixed Spring Boot 3 + React + SQLite stack. From a natural language description, the system plans, architectures, decomposes into sprints, implements, reviews, and accepts code with Playwright tests, resume support, and placeholder checks.

Configure ESLint to analyze code issues and apply fixes in JavaScript/TypeScript projects supporting React and Node.js. Author high-quality Jest unit tests using AAA patterns, mocks, async handling, and TDD to avoid flakiness. Migrate Jest setups to Vitest through codemods, config changes, and troubleshooting. Run Vitest tasks via dedicated command.

Automate a complete pre-commit and multi-commit testing workflow: run checks across every commit in a branch, automatically fix failures via fixup commits and autosquash rebasing, and loop until all commits pass — all without manual intervention.

Create interactive web-based slide decks for technical presentations, talks, and workshops using Slidev. Author with Markdown, embed Vue components, add syntax-highlighted code, animations, interactive demos, LaTeX equations, and Mermaid diagrams directly in your workflow.

Delegate to AI experts for architecting reusable, accessible React UI components with Next.js 14+ App Router, Server Components, Tailwind, and shadcn/ui; implementing full-stack apps with TanStack Start, SSR/SSG/ISR, server functions, and type-safe Vite-based development using latest best practices and project awareness.

Build and troubleshoot TypeScript frontend documentation sites with fumadocs, MDX, TanStack Router, Vite, including setup, UI components, search integration. Integrate Braintrust SDK for AI app testing, LLM evaluations, tracing, logging, prompt management, and OpenAI/Anthropic observability.

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.

Automate the full development lifecycle for AI Hero agents: scaffold projects, manage git workflows with conventional commits and PR automation, run quality checks (linting, tests, security scans), and generate architecture documentation with Mermaid diagrams.

Orchestrates an entire OP_NET Bitcoin L1 project lifecycle from raw idea to shipped PR through structured challenge, spec, build, review, and audit phases, with self-learning agents, formal verification, adversarial testing, and progressive hardening gates across every cycle.

Develop Vue 3 SPAs with Composition API using script setup, TypeScript reactivity, and SFC structure. Implement Vue Router 4 navigation guards, params, and lifecycle patterns avoiding infinite loops and stale data. Test components, composables, Pinia stores, and E2E flows with Vitest, Vue Test Utils, and Playwright.

Set up TanStack Router in React apps for file-based routing with full TypeScript type inference. Validate search params using Zod, Valibot, or ArkType; load data via built-in loaders with SWR caching; protect routes with authentication guards; enable SSR streaming, code splitting, view transitions, scroll restoration, and bundler configs for Vite, Webpack, Rspack, or esbuild.

Act as a senior frontend developer to build responsive UI components, implement state management with Zustand/Redux/Pinia, optimize performance via Core Web Vitals and bundle analysis, audit WCAG accessibility, architect CSS with Tailwind/BEM, configure Vite/Webpack builds, and debug frameworks like React, Vue, Angular, Next.js across monorepos.

Automate writing, running, debugging, and configuring Vitest tests in Vite-based projects via natural language prompts. Generate tests, mock dependencies with vi, set up coverage and thresholds in vitest.config.ts or vite.config.ts, and diagnose failures using Vitest API.

Scaffold and manage a local Markdown-based knowledge base with VitePress portal, configurable entities (ADRs, notes, tasks, discussions), YAML microdatabases, semantic search, freshness reporting, document review stamps, and optional meeting transcript ingestion.

Build and ship Litestar applications with opinionated skills for routing, DTOs, auth, DI, testing, realtime, frontend integration (Inertia/Vite/HTMX), deployment, and an AI agent for PR review.

Scaffold full-stack React apps with TanStack Start for SSR, streaming server functions, API routes, type-safe RPC, and Nitro-based deployments to any platform.

Implement type-safe file-based routing in React and Solid apps, handling search params, data loading, code splitting, and Vite plugin integration for efficient navigation and app structure.

Set up opinionated Vite builds, ESLint configs, semantic versioning publishing, and TypeScript configurations for JavaScript/TypeScript packages in pnpm or Nx monorepos using a unified toolkit.

Scaffold new or migrate existing monday.com code apps with React/Vite frontend and Express/Node backend to serverless/CDN deployment. Run local dev servers with Vite, Express, and Docker MongoDB. Manage production with multi-region deploys, env vars/secrets, cron jobs, alerts, security scans, logs, and status checks via Monday API.

Automate browser tasks, social media scraping, CRM management, email triage, and generative AI workflows while enforcing company coding standards, security rules, and client context across projects.

Orchestrate customizable AI agent chains, modular skills, and automated workflows in Claude Code projects: discover/install skills from Vercel, GitHub, Anthropic; create/improve agents with tools/prompts; audit/fix quality; build/deploy VitePress docs; enable inter-agent memory bus; hook lifecycle events.

Automate Svelte 5 workflows by enforcing code style rules on edits, generating structured JSDoc component docs, wiring Storybook stories as Vitest browser tests with MSW support, previewing stories via Playwright, and creating or fixing unit, SSR, and E2E tests.

Set up optimized Vite configurations for React + TypeScript projects, preserve Zustand store state during HMR with custom module handling, and integrate official and community plugins like SVGR, PWA, auto-imports, and compression without starting from scratch.

Develop, validate, and publish cross-browser extensions (Chrome, Firefox, Safari, Edge) with built-in WebAssembly integration, store submission guides, security audits, and automated testing via Playwright/Puppeteer.

Convert markdown research reports into interactive React presentation websites using Tailwind CSS v4 and shadcn/ui. Parse report structure into tabs, integrate interactive components like calculators, apply customizable dark professional themes with responsive design and accessibility, then build static sites with Vite or Next.js and deploy to GitHub Pages via automated repo creation and Actions.