Vite plugins

Create and present Slidev slide decks inside Claude Code using Markdown with Vue components, code highlighting, animations, and interactive features for technical presentations and teaching materials.

Convert articles or scripts into interactive, click-driven 16:9 web presentations with optional AI audio narration, enabling creation of video-like tutorials and demos.

Build generative UI components that AI agents can control, by integrating Tambo into React/Next.js apps with Zod-schema component registration and provider setup, or scaffolding new apps from natural language prompts.

Develop Vue.js and Nuxt projects with Anthony Fu's curated ecosystem of Vue, Vite, Vitest, UnoCSS, Pinia, VueUse, and Slidev, plus opinionated TypeScript tooling, monorepo management, and modern bundling with pnpm, Rolldown, and Turborepo.

Develop and manage Framer plugins, code components, and Server API integrations end-to-end: scaffold projects with Vite, set up GitHub Actions CI/CD, handle CMS sync, optimize performance, apply security best practices, and diagnose common errors.

Build, debug, test, deploy, and optimize StackBlitz WebContainer apps and SDK integrations. Provides skills for CI testing with Playwright, error fixing, IDE building with Monaco/CodeMirror, project embedding, performance optimization, production checklist, security hardening, migration, and lifecycle management.

Configure VSCode extensions to automate API testing with httpYac, monitor development server ports with Port Monitor, and deploy static websites via SFTP with Nginx templates.

Build, deploy, and monetize 2D/3D browser games from a single prompt using Phaser or Three.js, with AI-generated assets, audio, multiplayer, QA testing, and automated publishing.

Audits and optimizes application performance across build, bundle, caching, CDN, and database layers, with load simulation to predict bottlenecks and prioritize fixes.

Boost your Vue 3 development workflow with actionable best practices, debugging strategies, and testing recipes for building reliable applications. Covers composables, Pinia, Vue Router, Options API, and more.

Scaffold and manage Cloudflare Workers, Hono APIs, D1 databases with Drizzle ORM, and full-stack apps (Vite, TanStack Start, React 19) — including schema generation, migrations, seeding, and REST API operations for DNS, cache, WAF, and more.

Analyze frontend bundle size and tree-shaking effectiveness by running production builds with stats, identifying large chunks, duplicates, and optimization opportunities, and generating reports with actionable recommendations.

Build and deploy full-stack apps on Butterbase BaaS: design schemas, configure auth and RLS, develop serverless functions and AI agents, deploy frontends, manage storage, and submit to hackathons.

Equips journalists, researchers, and small newsroom devs with 11 focused skills covering accessibility audits, Electron+React app patterns, mobile debugging, Python data pipelines, test-first bug fixing, ethical web scraping, no-build frontends, and CLAUDE.md maintenance.

Implement drag-and-drop, scroll animations, gestures, SVG morphing, and layout transitions in React applications using Framer Motion, with optimized bundle sizes and spring physics support.

Sets up Tailwind CSS v4 with shadcn/ui in Vite + React projects, including dark mode via ThemeProvider, CSS variable architecture, and migration from v3.

Adds zero-config animations to React components using @formkit/auto-animate, handling list transitions, accordions, toasts, and preventing SSR errors in Next.js and Vite.

Build full-stack React applications with TanStack Start, using file-based routing, server functions, and per-route SSR/CSR/SSG, with support for Cloudflare Workers and migration from Next.js

Build, debug, and deploy Nuxt 4 applications with skills for core setup, data fetching, server-side Nitro features, and production optimization. Includes diagnostic agents for hydration issues, v3-to-v4 migration, and performance analysis, plus an interactive project scaffolding wizard.

Create, build, and deploy React/Vite code apps for Power Platform with Dataverse, SharePoint, Teams, Excel, OneDrive, Office 365, Azure DevOps, and Copilot Studio connectors via pac CLI.

Manage the full Storybook workflow—initialize, configure, upgrade, and write stories for UI components, then query component metadata via an MCP proxy.

Generate React components from natural language using Thesys AI, outputting type-safe code for Vite, Next.js, or Cloudflare Workers.

Adds TanStack Router type-safe file-based routing for React SPAs, with TanStack Query integration, Cloudflare Workers deployment, Vite bundling, route loaders, and devtools.

Scaffold a complete game development workflow with layered rules, specialized agents, reusable skills, and engine-isolated packs for Unity, Unreal, and Godot. Covers the full pipeline from design docs and asset generation through implementation, QA, certification, and release.

Manage a catalog of structured diagnostic codes for JavaScript/TypeScript projects, with typed error instances, documentation URLs, and Vite integration. Also prevents system sleep during Claude Code sessions.

Write Svelte 5 and SvelteKit apps with guided patterns for runes, templates, CSS, data loading, routing, deployment, and third-party UI integration, including reactive state, server/client data flow, form actions, error handling, and production builds.

Transforms Markdown/MDX into type-safe TypeScript data with Zod schemas for Vite+React blogs and docs sites, with setup and troubleshooting.

Audits frontend projects for bundle size, dependency health, accessibility, performance, and component quality by analyzing build outputs and package.json.

When asked to 'understand this frontend', map its component tree, routing, state management, and build config, then assess bundle size, dependency freshness, test coverage, and TypeScript strictness.

Set up and maintain Storybook for React projects with automatic story generation, interactive args/controls, play function testing, and autodocs/MDX documentation.

Configure and run Vitest test suites for Vite-based JavaScript and TypeScript projects with workspace support, coverage reporting, performance optimization, and patterns for unit tests, mocks, and browser mode testing.

Integrate C++ libraries into JavaScript/TypeScript projects across Node.js, browser, React Native, and Cloudflare Workers via WebAssembly, with automated scaffolding, bundler configuration, and mono-repo support.

Delivers a suite of best-practice skills for building full-stack Laravel and React applications, covering backend architecture, frontend optimization, testing, code quality, security audits, and documentation.

Guide monorepo architecture, tooling, and workflows across multiple packages, including design patterns, build caching with Turborepo/Nx, cross-package development, CI/CD, versioning, and publishing.

Develop, scaffold, deploy, and audit Deno applications with Fresh frontends, JSR packages, Deno Deploy hosting, secure code sandboxes, and best practices.

Develop, test, package, and deploy apps for Even Realities G2 smart glasses using the Even Hub SDK, including scaffolding projects with Vite+TypeScript, building UI for the 576x288 greyscale display, handling touchpad input and device hardware features, measuring pixel-accurate text, automating simulator testing, and packaging into .ehpk files for submission.

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

Create interactive technical explanations with rich visualizations, inspired by Distill.pub. Scaffold single-file D3 explainers or multi-file React/Vite projects with hot-reloading, and get critiques before publishing.

Build modern, accessible, performant UIs with Tailwind CSS v4 using CSS-first configuration, mobile-first responsive design, WCAG 2.2 patterns, dark mode, and performance optimization. Includes setup for React, Next.js, Vue, Astro, and migration from v3 to v4.

Analyze JavaScript bundle sizes from webpack, rollup, and Vite builds to identify optimization opportunities and generate visualization reports for performance improvements

Develop React applications with generated components, architecture patterns, testing, and automated code review, all using TypeScript and modern best practices.

Standardizes project setup with AGENTS.md 1.1, then provides a modular skill pack for code review, security audits, JetBrains IDE plugin development, SQL-to-TypeScript conversion, Linear task automation, React+Vite SPA guidance, release management, AI prompt engineering, and structured documentation generation.

Scaffolds, configures, and maintains projects across Vue, Nuxt, React, React Native, Electron, and Tauri stacks with opinionated tooling, covering animation, state management, testing, documentation, and code quality.

Optimize CSS with Lightning CSS transpilation and minification, and generate on-demand atomic CSS with UnoCSS and its presets, integrated into Vite, Nuxt, Astro, or Svelte projects.

Test Umbraco backoffice extensions with unit tests, MSW API mocking, and Playwright E2E tests, including fluent test data builders and mocked UI for rapid iteration without a .NET backend.

Build cross-platform mobile applications with the Uni-App framework, leveraging Vue 3, Pinia state management, UnoCSS atomic styling, and Vite tooling across iOS, Android, HarmonyOS, Web, and mini-programs.

Audit and manage Storybook design systems for React+Vite apps: identify unused components, map navigation flows, generate CSF3 stories, check design token health, and sync with Figma tokens.

Build and debug Nette Framework applications with Latte templates, NEON configuration, DI containers, database Explorer API, forms, and schema validation. Includes Tracy debugger interpretation, Tester unit tests, and automated PHPCS coding standards.

Develop GreyCat graph-persistent, time-series-aware applications: model data, write CRUD services and API endpoints, run CLI commands (build/serve/test/lint), manage schema evolution and migrations, generate code for TS/Python/Rust/C, and get LSP-powered code intelligence for .gcl files.

Build and maintain a Product-Market Fit context layer (icp.md, value-prop.md, mvp.md, validation-plan.md) that Claude references when generating landing pages, MVPs, outreach plans, and validation tests aligned with your product's core assumptions.

Deploy websites, apps, and AI agents to the Agentuity cloud platform with managed databases, storage, queues, cron jobs, email, and webhooks. Build backend APIs and AI agent logic using the Agentuity runtime, connect frontends via React hooks with auth and real-time communication, and manage infrastructure through the CLI.

Automates build validation and testing across all commits in a branch, automatically fixing failures in a retry loop until every commit passes, with dev server monitoring and battery-aware precommit checks.

Accelerates academic research workflows: maps research fields, extracts transferable modeling ideas from papers, stress-tests research questions, designs experiments, and generates paper-ready framing packages with citation support checks and writing blueprints, optionally previewed as a local React app.

Build and export Slidev presentations with brand-consistent themes, interactive Vue components, and strategic slide structures. Extracts brand tokens from websites, guides presentation planning via questionnaire, and troubleshoots build/export issues.

Build and deploy full-stack React applications with TanStack Start, including type-safe server functions, composable middleware, SSR/streaming, file-based routing, authentication, and deployment to multiple platforms.

Configure Vite projects, manage vite.config.ts, work with the plugin API, set up SSR builds, and migrate to Vite 8 Rolldown

Generate consistent UI components using Casper Studios design system for React apps (shadcn/ui, Tailwind CSS v4, Vite) and Apple Liquid Glass design for native macOS/iOS SwiftUI apps

Enforce Tailwind-only styling, WCAG 2.1 AA accessibility, and security hardening in Nuxt/Vue projects, with TypeScript strict mode, code quality gates, and curated feed-source allowlisting.

Develop, debug, and deploy Phaser 4 games with AI assistance for architecture, code, physics, animations, assets, input, audio, UI, mobile, save/load, tilemaps, performance analysis, and migration from v3. Generate game design documents and validate project health.

Orchestrates the full software development lifecycle within Claude Code — from product discovery and architecture through TDD implementation, code review, security audits, testing, deployment, and compliance tracking — with structured phase gates, multi-agent reviews, and project management workflows.

Set up type-safe, file-based routing in React apps using TanStack Router, including search param validation with Zod/Valibot, data loaders with SWR caching, authentication guards, SSR streaming, code splitting, and bundler config for Vite, Webpack, and esbuild.

Write, run, debug, and configure Vitest tests in Vite-based projects with mocking via vi utility, coverage thresholds, and failure diagnosis using the Vitest API.

Build static documentation sites with VitePress, leveraging Vite and Vue for fast development. Configure themes, write Markdown with Vue components, manage routing, and use CLI commands for building.

Orchestrates specialist agents for coding, debugging, code review, and refactoring across TypeScript, React, and Next.js projects, with dedicated agents for frontend security, performance auditing, UI/UX design, and accessibility compliance.

Build full-stack web applications with a fixed Spring Boot 3 + React + SQLite stack using a multi-agent AI orchestrator. Generates product specs, architecture, sprint tasks, implements code, runs Playwright tests, and performs code reviews and acceptance checks. Includes resume, revert, and status commands.

Lint JavaScript/TypeScript projects with ESLint, write high-quality Jest unit tests using patterns like AAA/USE, and migrate from Jest to Vitest with automated codemods and best practices.

Scaffold and develop full-stack React applications with TanStack Start, leveraging SSR, streaming, type-safe server functions, API routes, and Nitro-based deployment to any platform.

Create and present web-based slide decks from Markdown, combining Vue components, code highlighting, LaTeX math, Mermaid diagrams, and interactive demos for technical talks and workshops.

Manage the full Domino Data Lab lifecycle from Claude: create projects, run batch jobs and Spark/Ray/Dask clusters, deploy web apps and model APIs, track MLflow experiments, trace GenAI apps, configure compute environments and workspaces, and automate workflows via SDK or MCP.

Audit documentation quality across Python, TypeScript, Go, and Rust projects — detect stale docs, measure coverage, verify accuracy against source code, and auto-generate missing documentation in MkDocs, VitePress, Docusaurus, Sphinx, or plain Markdown.

Build React, Next.js, and TanStack Start applications with expert guidance on reusable UI components, server rendering patterns, and type-safe full-stack development.

Test AI applications with Braintrust evaluation frameworks and LLM observability, plus build MDX documentation sites using fumadocs with TanStack Router

Adds type-safe routing to React and Solid apps with file-based routes, search params, data loading, code splitting, and Vite plugin integration.

Opinionated toolkit for building, linting, and publishing JavaScript/TypeScript packages in pnpm or Nx monorepos, using Vite builds, ESLint configs, and semantic versioning

Scaffold production-ready full-stack projects with FastAPI backends, React/Vite frontends, and Terraform/Ansible/Kubernetes infrastructure, including Docker, CI/CD pipelines, and multi-cloud IaC.

Orchestrate the full OP_NET Bitcoin L1 project lifecycle from idea to production PR: challenge an idea into specs, build smart contracts and React frontends in isolated worktrees, run security audits and adversarial tests, generate TLA+ formal verification, and enforce quality gates (mutation coverage, ABI locks, smoke checks) before shipping.

Guide Vue 3 development with Composition API and <script setup> best practices, Vue Router 4 patterns, and testing with Vitest and Playwright.

Migrates Next.js projects to vinext (Vite-based reimplementation) by scanning compatibility, replacing packages, generating Vite config, converting to ESM, and setting up deployment for Cloudflare Workers or Nitro

Manage a structured knowledge base with VitePress, YAML microdatabases, and configurable entities (ADRs, notes, tasks, discussions). Includes skills for creating, searching, reviewing, and refining content, plus meeting transcription and freshness reports.

Orchestrates a multi-specialist agent team through a structured build lifecycle (init, ideate, plan, build, qa, ops) with automated wiki knowledge capture, adversarial review gates, self-evolving skills, and MCP-backed persistent memory.

Build and deploy Lovable web apps—restaurant sites, landing pages, AI chatbots—connected to Rapido's data services (FoodEatUp, CRM, CMS, HR) with brand synchronization and design system guidance.

Configure Vercel Analytics and Speed Insights in React/Vite projects with SPA routing support

Build, deploy, and manage monday.com code apps on serverless/CDN infrastructure. Scaffold new projects, migrate existing React/Vite frontends and Express backends, run local dev servers with hot reload, and monitor production with logs, alerts, cron jobs, and env var management.

Orchestrate AI-powered development workflows with customizable agent chains, modular skills, and automated lifecycle hooks. Create and improve Claude agents, build and deploy documentation sites, search and install skills from multiple sources, and enable inter-agent communication via a memory bus.

Develop Svelte 5 components with enforced code conventions, auto-generated documentation, and integrated browser-based testing using Storybook and Vitest.

Write modern JavaScript and TypeScript with ES6+ patterns, advanced types, and production-ready Node.js backends using Express, Fastify, or GraphQL. Scaffold full-stack projects (Next.js, React+Vite, Node.js APIs) with pnpm, type safety, and testing. Delegate complex JS/TS optimization and type architecture to expert agents.

Configure Vite for React projects with optimized build settings, path aliases, CSS/SCSS, dev server proxy/HTTPS, and HMR patterns that preserve Zustand stores and React state during hot reloads. Integrate official and community plugins for legacy support, SVGR, auto-imports, PWA, and compression.

Convert markdown research reports into interactive React presentation websites with Tailwind CSS and shadcn/ui, then deploy them to GitHub Pages.

Enforce quality standards for Storybook projects — validate stories build and render correctly, automate interaction testing with play functions, and generate component documentation via autodocs and MDX.

Manage Sentry error monitoring, performance tracing, release management, and alert configuration across JavaScript, Python, and Go stacks

Configure and optimize Vitest for Vite-based TypeScript and JavaScript projects, including workspace setups, test environments, coverage (v8/istanbul), performance pools, reporters, and watch mode. Provides testing patterns for unit tests, mocks, spies, and browser mode. Runs a Python cleanup or logging script on session stop.