Vite plugins

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 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.

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.

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, 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.

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.

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.

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 an interactive design workflow that interviews you about requirements, generates five UI variations matching your project's style, collects feedback, refines the best elements, and produces an implementation plan with cleanup of temporary files.

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.

Create, save, deploy, and rollback Vite-based React/Vue web apps hosted on Tencent CloudBase during a vibe-coding session, with release hygiene enforced via PowerShell hooks.

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.

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.

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.

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.

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.

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.

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.

Activates a structured cognitive engine for problem-solving across coding, debugging, design, and team collaboration, with automatic activation on failure loops, scene routing to specialized modes, anti-pattern detection, and a local decision visualizer.

Develop and deploy Craft CMS 5 sites and plugins with AI agents that scaffold projects, write php/twig code following conventions, debug bugs, review PRs, and manage hosting on Craft Cloud or Servd

Add structured diagnostic codes to a `nostics` catalog by selecting a prefix, area letter, and free number, then generating type-safe `Diagnostic` instances with stable codes, docs URLs, and actionable fields for JavaScript/TypeScript projects.

A scaffolded game development workflow for Claude Code that enforces production-quality conventions across art, audio, design, code, and release pipelines for Unity, Unreal, Godot, and web projects. Provides layered rules, specialized agents, and reusable skills to keep asset pipelines consistent, performance budgets tracked, and builds release-ready without per-asset fixes.

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.

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.

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 for Vite-based TypeScript and JavaScript projects with workspace setups, test environments, coverage, and performance tuning. Provides testing patterns for unit tests, mocks, and spies, along with a hook to track tool usage during development.

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.

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.

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.

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.

Develop full-stack Nette applications with conventions for Latte templates, NEON config, DI, database, forms, architecture, and testing, plus Vite frontend integration and Tracy debugging.

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.

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

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.

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.

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.

Orchestrates multiple AI agents to build full-stack web apps from natural language descriptions — Spring Boot 3 backend, React frontend, SQLite database — with phased planning, implementation, code review, and testing, plus resume, revert, and status commands

Guides researchers through the full paper-reading workflow: mapping a research field, extracting transferable ideas from papers, stress-testing research questions, designing experiments, and generating a writing blueprint with a local React/Vite app for workspace navigation.

Run git test precommit checks and build validation that automatically analyze and fix failures until all commits pass, with iterative testing across every commit in a branch.

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.

Scaffold production-ready full-stack projects with FastAPI backend, React/Vite frontend, Terraform/Ansible/K8s infrastructure, Docker, and CI/CD pipelines. Automate provisioning, configuration, and deployment across cloud providers.

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.

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.

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.

Apply opinionated, first-party patterns across the entire Litestar development lifecycle—from API design and data access to deployment and testing—including a code review agent that enforces canonical patterns.

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.

Scaffolds and manages a structured knowledge base with configurable entity types (ADRs, notes, tasks, discussions), a VitePress portal, semantic search, and review workflows for personal or team documentation.

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.

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.

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.

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.

Enforce documentation quality and freshness across Python, TypeScript, Go, and Rust projects. Detect stale docs, measure coverage of public APIs, verify accuracy against code, and auto-generate missing documentation in MkDocs, VitePress, Docusaurus, Sphinx, or plain Markdown.

Manage the full Domino Data Lab MLOps lifecycle from Claude: launch workspaces, run batch jobs, deploy web apps and model APIs, track ML experiments with MLflow, trace GenAI applications, orchestrate multi-step workflows with Domino Flows, and configure compute environments, datasets, and project settings.

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.

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.

Automate browser E2E testing, social media scraping, CRM management, and SaaS UI generation with a company-wide context layer that enforces security policies, coding standards, and AI agent readiness audits across all projects.

Orchestrate the full OP_NET Bitcoin L1 dApp lifecycle from idea to shipped PR: challenge interrogation, spec generation, isolated worktree builds with automated testing, adversarial security audits, formal TLA+ verification, and score-based learning that improves agents across sessions.

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.

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.

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.

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.

Orchestrate multi-agent teams with curated specialist agents, hook-enforced quality gates, and SQLite observability for Claude Code — enabling parallel task execution, automated code review, security scanning, git workflow automation, and structured planning across large refactors or feature work.

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.

Build, test, and deploy cross-browser extensions for Chrome, Firefox, and Safari with Manifest V3, WASM integration, and store submission guidance. Includes scaffolding, validation, debugging, security audits, and architecture design.