Skip to content

Claude Code Vite plugins and skills

Flowy lists 99 plugins for Vite work in Claude Code. Each one bundles skills a Claude Code agent can load while you work. Every listing shows what is inside before you install, who built it, and whether it is Auto-invoked, meaning a FLOW.md router fires the right skill as you prompt instead of leaving them dormant.

slidev

slidev

Create and present web-based slide decks with Slidev, using Markdown, Vue components, code highlighting, animations, Mermaid diagrams, LaTeX math, and PDF export. Built for developers making technical presentations.

1 skill
@slidevjs@slidevjsInstall Plugin
context-mode

context-mode

Keeps large command outputs, logs and data files out of your AI assistant's context by running processing in a sandbox and returning only the relevant parts. You also get a searchable index of local files and diagnostics for checking the setup.

4 skills
@mksglu@mksgluInstall Plugin
openwork

openwork

A plugin that lets Claude Code search and use the skills, MCP connections, and connected services available through the user's OpenWork organization. OpenWork is an open-source desktop app for macOS, Windows, and Linux where AI agents work on your own files.

1 skill
@different-ai@different-aiInstall Plugin
skyvern

skyvern

Skills for the Skyvern browser automation agent. They cover running and testing Skyvern against real websites with browser tools, QA checks on git diffs, smoke tests of deployments, and the version bump and SDK release process.

5 skills
@skyvern-ai@skyvern-aiInstall Plugin
mcp-use

mcp-use

Skills and an MCP server toolkit for building TypeScript MCP servers and MCP Apps with mcp-use, covering tools, resources, Views, authentication, and scaffolding, plus turning OpenAPI specs into MCP servers.

4 skills
@mcp-use@mcp-useInstall Plugin
stitch-skills

stitch-skills

Turns Google Stitch designs into working front-end code, such as React, React Native and Vite screens, so you stop rebuilding them by hand.

16 skills
@google-labs-code@google-labs-codeInstall Plugin
skills-manager

skills-manager

Manages a shared library of agent skills for Claude Code users, letting you install, update, remove, and deploy skills per agent, organize tags and presets, search, and adopt existing skills.

1 skill
@xingkongliang@xingkongliangInstall Plugin
ui

ui

Nuxt UI is a library of accessible, typed Vue components built on Reka UI, Tailwind CSS and Tailwind Variants. It works as a module in Nuxt and as a Vite plugin in plain Vue apps.

1 skill
@nuxt@nuxtInstall Plugin
anti-slop

anti-slop

Opinionated Oxlint lint rules that flag low-evidence and low-signal TypeScript and JavaScript patterns in your code. You copy the rules into your repository and adjust them to your team's standards, and a bundled skill handles the initial setup and later upgrades.

1 skill
@dmmulroy@dmmulroyInstall Plugin
skills

skills

Gives Claude Code guidance on Anthony Fu's preferred JavaScript and TypeScript tooling, conventions and project setup, plus Nuxt, Nitro and Pinia usage. It also drafts GitHub pull requests with clear titles and bodies, so you spend less time on setup decisions and PR write-ups.

14 skills
@antfu@antfuInstall Plugin
bb

bb

Skills for the bb agentic IDE: configure the Account Pooler and quota failover, manage recurring automations, annotate browser tabs, sign in to a getbb.app account, and control the hosted cloud AI features.

32 skills
@get-bb@get-bbInstall Plugin
tsdown

tsdown

Bundles TypeScript and JavaScript libraries with Rolldown, including type declaration generation and output for multiple module formats. Also helps migrate library projects from tsup to tsdown.

2 skills
@rolldown@rolldownInstall Plugin
skills

skills

Agent skills for Vue 3 development. Early Experiment / Community Project This repository is an early experiment in creating specialized skills for AI agents to enhance Vue 3 development.

8 skills
@vuejs-ai@vuejs-aiInstall Plugin
difit

difit

Lets Claude Code open your Git changes in difit, a local diff viewer, so you can review commits, branches, or GitHub PRs with inline comments. Explicit opt-in only, triggered when you name difit.

3 skills
@yoshiko-pg@yoshiko-pgInstall Plugin
skills

skills

Agent skills for Vue 3 development. Early Experiment / Community Project This repository is an early experiment in creating specialized skills for AI agents to enhance Vue 3 development.

8 skills
@hyf0@hyf0Install Plugin
openchatcut

openchatcut

Open-source, local-first conversational AI video editor with a professional multi-track timeline, Agent Skills, MCP integration, and Remotion rendering.

31 skills
@0xsline@0xslineInstall Plugin
collab-public

collab-public

Lets you control Collaborator's infinite canvas from the terminal with the collab-canvas CLI, arranging tiles that show terminals, files, images, and graphs. Useful for developers building with AI agents.

1 skill
@collabs-inc@collabs-incInstall Plugin
threejs-game-skills

threejs-game-skills

Self-contained Codex and Claude Code skills for building playable, polished Three.js browser games.

9 skills
@majidmanzarpour@majidmanzarpourInstall Plugin
webf

webf

Skills for building Flutter apps with WebF, a runtime that renders web content through JavaScript, DOM, and CSS. Covers API compatibility, async rendering, infinite scrolling lists, and creating or installing native plugins for device features.

9 skills
@openwebf@openwebfInstall Plugin
liveagent

liveagent

Adds skills for reviewing GitHub pull requests and local branches with parallel reviewers, plus tools for creating, installing, and validating LiveAgent skills.

3 skills
@stack-cairn@stack-cairnInstall Plugin
website-rebuild-skill

website-rebuild-skill

Give it a website address and it rebuilds that site line by line for your AI agent, then checks the copy against the original, including pixel by pixel comparison, so you can show the rebuild matches. Works in any agent that supports the Agent Skills standard.

1 skill
@boyang-hu@boyang-huInstall Plugin
browserwing

browserwing

Browser automation for AI agents, turning browser actions into MCP commands or a Claude skill so agents can scrape websites, extract structured data, and control a browser with direct commands. It includes built-in scripts and a CLI, plus session cookie handling.

1 skill
@browserwing@browserwingInstall Plugin
repobrain

repobrain

Helps you understand an unfamiliar repository, trace how a feature is implemented, and ask questions about the code with references to the source files. Project knowledge is kept in a shared folder so different IDEs and agents can use it.

4 skills
@study8677@study8677Install Plugin
reticle

reticle

Runtime testing skills for Claude Code that let an agent verify web and desktop apps as they actually run. They cover test-driven development against the live app, sweeping for dead buttons, diagnosing broken UI, and driving Electron or Tauri apps.

20 skills
@reticlehq@reticlehqInstall Plugin
3dviz-pro-max

3dviz-pro-max

Agent skill for creative 3D visualization: turn an idea into a Three.js/Blender scene worth exploring. Claude Code + Codex plugin, 223 recipes, 440 knowledge records, 22 proved kits, 37 runnable studies.

1 skill
@viettranx@viettranxInstall Plugin
seed-design

seed-design

Claude Code plugin for working with SEED, Daangn's design system: component and token guidance across React and Lynx, Chromatic snapshot diff triage, change impact and changeset writing, deprecation and migration notes, and SEED CLI setup help.

11 skills
@daangn@daangnInstall Plugin
claude-skill-web-clone

claude-skill-web-clone

A Claude Code skill for reproducing a website from its real source code, covering static pages up to WebGL interactive demos. It walks through fetching the source, choosing a rebuild path, reverse-engineering it, and swapping in your own content.

1 skill
@jane-xiaoer@jane-xiaoerInstall Plugin
jezweb-skills

jezweb-skills

Production workflow skills for Claude Code. Each skill guides Claude through a recipe to produce tangible output, scaffolded projects, generated assets, professional documents, deployed services. Ten plugins of practical, production-oriented skills.

63 skills
@jezweb@jezwebInstall Plugin
getsentry-sentry-skills

getsentry-sentry-skillโ€ฆ

Gives Claude Code the Sentry engineering house rules it needs to write code reviews, blog posts, UI copy and project instruction files in Sentry's own style. Built for Sentry staff, so the conventions are applied without re-explaining them each time.

30 skills
@getsentry@getsentryInstall Plugin
sentry-skills

sentry-skills

Gives coding agents Sentry's engineering standards for code review, blog posts, UI copy, and project instruction files, plus a settings audit that suggests safe Claude Code permissions. Built for Sentry staff, and it follows the open Agent Skills format.

30 skills
@getsentry@getsentryInstall Plugin
ai-video-editor

ai-video-editor

Skills for an open-source, local-first video editor where creators and AI agents work on the same timeline. They cover auto-editing, captions, AI voiceover, multi-track editing, video repair, and export.

2 skills
@martindelophy@martindelophyInstall Plugin
openclaw-nerve

openclaw-nerve

A web-based cockpit interface for OpenClaw, with a Kanban board skill that lets Claude Code manage tasks, run workflows, handle proposals and configure the board through the Nerve server API.

1 skill
@daggerhashimoto@daggerhashimotoInstall Plugin
design-plugin

design-plugin

A Claude Code plugin that helps you make confident UI design decisions through rapid iteration.

1 skill
@0xdesign@0xdesignInstall Plugin
nuxt-skills

nuxt-skills

Skills for AI coding assistants covering Nuxt, Nitro, Nuxt Content, Nuxt Better Auth, Comark and ArkEnv, for building Vue and Nuxt apps with environment validation, server routes, content and authentication.

30 skills
@onmax@onmaxInstall Plugin
main

main

Helps customize and extend Fireact SaaS apps after installation, such as adding features, pages and customizations. It detects Fireact projects automatically and works with Firebase authentication, Stripe billing, React and TypeScript.

1 skill
@fireact-dev@fireact-devInstall Plugin
webcomponents-react

webcomponents-react

Lets React developers build SAP Fiori-style interfaces with ready-made components, instead of wiring up UI5 Web Components by hand. It also includes guidance for upgrading UI5 Web Components versions and for working with the analytical table internals.

2 skills
@ui5@ui5Install Plugin
claude-of-tanks

claude-of-tanks

A World of Tanks-style armored combat simulator built directly with Three.js and Vite: 220 vehicles, 33 destructible battlefields, and 13 modes, with plate-level armor, ballistics, modules, spotting, and physics. Play in your browser on desktop or mobile.

1 skill
@kevin-liu-01@kevin-liu-01Install Plugin
butterbase-skills

butterbase-skills

Claude Code plugin for Butterbase, a backend-as-a-service for AI-native apps. It gives Claude knowledge of Butterbase's MCP tools and guides you through building apps, configuring auth, designing schemas, and deploying.

39 skills
@butterbase-ai@butterbase-aiInstall Plugin
mingyu

mingyu

A skill for professional readings of traditional Chinese fortune-telling, covering Zhouyi divination, astrology, date selection, home feng shui and fortune slips. It picks a method by question, subject and time range, then checks chart facts in layers to produce a self-contained reading brief.

1 skill
@brhiza@brhizaInstall Plugin
agent-kanban

agent-kanban

Gives Claude Code agents a task board for planning, assigning, claiming, and reviewing multi-step project work. Includes skills for maintaining scheduled work, running whole project plans, delegating single tasks, and letting workers update their assigned tasks.

4 skills
@saltbo@saltboInstall Plugin
pavedpath-code

pavedpath-code

Helps coding agents solve software engineering problems by finding proven implementation paths in GitHub repositories, issues, and pull requests. Built for developers debugging dependencies and comparing approaches.

1 skill
@jia-ethan@jia-ethanInstall Plugin
trust-center

trust-center

Turns raw evidence from cloud accounts, SaaS tools and code into framework-aligned findings, gap reports and remediation steps, so compliance checks become repeatable and easier to audit.

105 skills
@grcengclub@grcengclubInstall Plugin
builder-skills

builder-skills

Skills for building Convex apps with Claude Code, covering AI agents on the Convex agent component, production patterns and lint rules, reusable components, scheduled jobs and cron tasks, and keeping changes scoped to the request.

22 skills
@waynesutton@waynesuttonInstall Plugin
agent-config

agent-config

A personal setup of Claude Code and Codex instructions, bundling a browser automation tool for working with websites, a Bun guide in place of Node.js tooling, a Chrome Web Store release setup walkthrough, a cleanup pass that strips AI-generated code clutter from a branch, and a favicon generator.

18 skills
@brianlovin@brianlovinInstall Plugin
claude-config

claude-config

Gives Claude Code and Codex a ready kit for browsing and filling websites, cleaning up AI-written code, generating favicons, and setting up Chrome Web Store releases.

18 skills
@brianlovin@brianlovinInstall Plugin
crew44

crew44

Orchestrates a crew of role-based AI agents in one local-first workspace, with per-project memory, shared skills for planning, implementation, and code review, and git worktree support.

62 skills
@getcrew44@getcrew44Install Plugin
game-creator

game-creator

Go from game idea to deployed, monetized browser game in minutes, not hours. Tell your AI coding agent "make a space invaders game" and get a fully playable 2D or 3D browser game with pixel art, procedural audio, and automated QA. Deploy instantly to the web.

31 skills
@playableintelligence@playableintelligenceInstall Plugin
dev-30

dev-30

Mission control for the One Person Studio, run a fleet of AI coding agents in parallel without losing your mind. Kanban + git worktrees + tmux for Claude Code, Codex, Gemini CLI, OpenCode and any shell agent. Not an IDE.

4 skills
@h0x91b@h0x91bInstall Plugin
eisland

eisland

Skills and commands for developing eIsland, an Electron floating widget for Windows inspired by Apple's Dynamic Island. Covers adding new island states, MaxExpand tabs, settings subpages, guide steps and SVG icons.

9 skills
@jntmtmtm@jntmtmtmInstall Plugin
nac

nac

Give AI agents ambitious work without losing the plot. nac is an open-source harness for long-running tasks, using a central orchestrator, threads, and structured episodes to stay aligned with your intent.

1 skill
@arcee-ai@arcee-aiInstall Plugin
nextclaw

nextclaw

Your long-term personal AI partner. NextClaw's mission is to be a good long-term partner to you. We are building toward a 1.0 that understands you, takes useful initiative, and continuously improves itself.

43 skills
@peiiii@peiiiiInstall Plugin
blatui

blatui

shadcn/ui for the BLAT stack, a CLI that copies Blade components you own into your Laravel project. MIT.

1 skill
@anousss007@anousss007Install Plugin
geoptimize

geoptimize

Audits websites for content-readiness and AI search visibility, proposes evidence-bounded readability and structure edits, previews llms.txt and JSON-LD files, and tracks measured SEO experiments with a scheduled review.

4 skills
@cucuwang@cucuwangInstall Plugin
agent-react-devtools

agent-react-devtools

A React DevTools command line tool for AI agents. It lets an agent inspect component trees, read props and state, and profile render performance in React and React Native apps.

1 skill
@callstackincubator@callstackincubatorInstall Plugin
cc-skills

cc-skills

AI agent skills are reusable instruction sets that extend your assistant with domain-specific expertise, loaded on demand so they don't bloat your context. This repository covers marketing and engineering skills authored by @samber.

21 skills
@samber@samberInstall Plugin
andurel

andurel

Everything you and your agent(s) need to build robust and performant applications that will scale to the far-side of the moon.

1 skill
@mbvlabs@mbvlabsInstall Plugin
app-it

app-it

Turns a local web project or a hosted web app into a macOS Dock-launchable .app with its own native window and Dock icon. Includes Windows beta launchers and static-build packaging for finished sites.

3 skills
@christian-katzmann@christian-katzmannInstall Plugin
skills-manager

skills-manager

Finds AI skills across several marketplaces, downloads them into one local library, and links them into your AI coding tools so you can install a skill globally or per project without copying files by hand. Works on Windows, macOS and Linux.

1 skill
@rito-w@rito-wInstall Plugin
domscribe

domscribe

Domscribe links elements on a running web app back to their source code, helping developers find and edit the component behind any part of the UI. It supports React, Vue, Next.js and Nuxt and works through a Claude skill and an MCP server.

1 skill
@patchorbit@patchorbitInstall Plugin
sql-to-er

sql-to-er

Turns SQL CREATE TABLE statements or DBML into a Chen-model ER diagram, with options to rearrange the layout or show only the skeleton with attributes hidden.

1 skill
@ystemsrx@ystemsrxInstall Plugin
nteract

nteract

nteract builds tools for thinking with code, data, and documents. This monorepo is home to nteract notebooks, Pages, and the libraries and runtime that support them. People and AI agents collaborate on live Automerge documents in both products.

1 skill
@nteract@nteractInstall Plugin
sv-grid

sv-grid

The Svelte data grid. Headless-first. Render-ready. SvGrid is a data grid and data table for Svelte 5, written with runes from the first line rather than ported from a React grid.

1 skill
@sv-grid@sv-gridInstall Plugin
middleman

middleman

Gives you one persistent manager agent per project that you brief in plain language. It hands the work to parallel worker agents and surfaces only what needs your attention, so you stop managing each agent by hand.

4 skills
@sawyerhood@sawyerhoodInstall Plugin
prism-coder

prism-coder

Gives your AI agent persistent memory across sessions, using a knowledge graph and local tool routing that runs offline. Loads project context at the start of each conversation and generates test assertion files during planning.

2 skills
@dcostenco@dcostencoInstall Plugin
slide-deck-generator

slide-deck-generator

An AI skill for coding agents that creates production-ready, browser-based presentation slide decks with interactive UI using React + Vite + Framer Motion.

1 skill
@code-on-sunday@code-on-sundayInstall Plugin
pii-shield

pii-shield

PII anonymization (MCP + Skill for Claude and CLI for the rest)

1 skill
@gregmos@gregmosInstall Plugin
crossbind

crossbind

Import C++ and Rust like JavaScript modules (WebAssembly & React Native)

1 skill
@crossbind@crossbindInstall Plugin
cesium-mcp

cesium-mcp

Protocol-agnostic CesiumJS AI control runtime for MCP, WebMCP, function calling, and browser agents.

1 skill
@gaopengbin@gaopengbinInstall Plugin
silk-design

silk-design

A Claude Code skill for building web interfaces that move well. Most generated pages come out static. Default scrollbars, sections that just appear, hover states that do nothing.

1 skill
@bendrape1-byte@bendrape1-byteInstall Plugin
vigla

vigla

Open-source mission control for coding agents. Run cross-vendor workers in isolated worktrees, audit every submission, and revert an entire mission.

3 skills
@kilbex@kilbexInstall Plugin
sprout

sprout

A self-improving, multi-agent AI system that decomposes tasks and delegates to specialist agents. Sprout is an autonomous coding assistant built on a recursive agent architecture, where every action is a goal-directed delegation to a subagent.

@prime-radiant-inc@prime-radiant-incInstall Plugin
iloom-cli

iloom-cli

iloom: a developer workflow system delivered as a CLI and a VS Code extension for structured AI-assisted development.

1 skill
@iloom-ai@iloom-aiInstall Plugin
open-plan-annotator

open-plan-annotator

A fully local agentic coding plugin that intercepts plan mode and opens an annotation UI in your browser. Mark up the plan, send structured feedback to the agent, and receive a revised version, iterate as many times as you need until you're ready to approve.

1 skill
@ndom91@ndom91Install Plugin
craftcms-claude-skills

craftcms-claude-skills

Production-ready Claude Code skills, agents, and project templates for Craft CMS 5 development. Built and maintained by michtio.

14 skills
@michtio@michtioInstall Plugin
gsd-skill-creator

gsd-skill-creator

Gives Claude Code tools for the Amiga: searching the Aminet package archive, downloading and verifying packages, installing them, and setting up the FS-UAE emulator to run them. Replaces a manual hunt through archive listings and emulator configuration.

102 skills
@tibsfox@tibsfoxInstall Plugin
gameforge

gameforge

A Claude Code plugin of skills for indie game development, covering game design, art direction, audio direction, accessibility, and engine workflows, with CI validation for game design documents.

41 skills
@alterlab-ieu@alterlab-ieuInstall Plugin
wp-block-theme-converter

wp-block-theme-convertโ€ฆ

A Claude Code plugin and standalone skill that converts an HTML, CSS, and JavaScript project into a WordPress Block Theme with Full Site Editing, Interactivity API, and Block Bindings support.

1 skill
@siddik-web@siddik-webInstall Plugin
microfrontends

microfrontends

Split apart large applications and develop faster with microfrontends. This package contains library code to be used with Vercel's microfrontends support. Improved developer velocity: Build and test just the application that you are developing.

1 skill
@vercel@vercelInstall Plugin
open-geo

open-geo

Measures whether a brand appears in answers from AI search engines such as ChatGPT, Google AI Overview, Claude, Gemini, Perplexity and others, by reading the rendered answer a user sees. Also builds a keyword core for a brand from official keyword APIs.

2 skills
@pupok462@pupok462Install Plugin
ai-instruct

ai-instruct

Gives your AI assistant expert guidance for web work, covering SEO, performance, accessibility, analytics setup and AWS deployment. The right guide loads automatically based on what you are building, so you get production-ready patterns without extra prompting.

5 skills
@ziniman@zinimanInstall Plugin
wp-dev-skills

wp-dev-skills

Skills for building WordPress plugins with Claude Code, covering admin browser automation, background jobs with Action Scheduler, build tooling, coding standards, CI quality checks, and release to the WordPress plugin directory.

19 skills
@mralaminahamed@mralaminahamedInstall Plugin
frontend-craft

frontend-craft

A frontend engineering plugin for Claude Code that adds skills, agents, commands, hooks and MCP servers covering accessibility checks, API integration, browser storage and related frontend work.

74 skills
@bovinphang@bovinphangInstall Plugin
findash

findash

A Claude Code plugin that pulls bank, credit card and brokerage data into a private SQLite ledger and a localhost React dashboard. Skills handle syncing, setup and diagnostics for personal finance tracking.

5 skills
@ya5huk@ya5hukInstall Plugin
claude-copy
Auto-invoked

claude-copy

Clones a captured website or a single flat image into static HTML or shadcn/ui React components, checked by rendering and pixel-comparing against the original. Also includes skills for Chrome extension development and marketing copywriting.

9 skills
@harkro753@harkro753Install Plugin
agent-skills

agent-skills

A collection of reusable agent skills for AI coding assistants, covering production app scaffolding with guardrails, skill creation, grounded database documentation, and Tailwind CSS upgrades.

6 skills
@a-tokyo@a-tokyoInstall Plugin
litestar

litestar

Skills, agents, and hooks for building with the Litestar Python web framework, covering database work with Advanced Alchemy, AI agents with Google ADK, dependency autowiring, packaging builds, and deployment setups.

20 skills
@litestar-org@litestar-orgInstall Plugin
winning-writing

winning-writing

Helps you draft cold emails, pitches, op-eds, exec memos and performance feedback that get read and answered. It moves the bottom line up front, cuts drafts to a target length, and turns vague headlines into clear claims.

31 skills
@kalyvask@kalyvaskInstall Plugin
cinemorph

cinemorph

Turns a brief into a cinematic launch video, investor pitch deck, or feature walkthrough, built as a live React deck with morph transitions between stages. Exports to a live React deck, a PPTX with Morph transitions, or a recorded video file.

1 skill
@lucasduys@lucasduysInstall Plugin
glaze-coder

glaze-coder

Build, edit, run, and debug Glaze desktop apps from Claude Code using your own Claude subscription instead of Glaze's paid credits. Also lets Glaze app users pick their own AI engine, such as a free Google Gemini key or a local model.

2 skills
@gaimsdevsoftware@gaimsdevsoftwareInstall Plugin
sh008-lore

sh008-lore

Keeps a project's decisions, dead ends and current state in files, so a new session picks up where the last one stopped instead of re-reading the whole codebase. Works with Claude Code and other agents that read SKILL.md files.

1 skill
@sh008@sh008Install Plugin
wisp

wisp

A visual team builder and live execution graph for autonomous Claude Code agent crews. It generates a plan as a dependency graph, runs the agents for hours, and lets you watch progress in the browser, with skills for research, cleanup of stale runs, and self-diagnostics.

12 skills
@samuel0101010@samuel0101010Install Plugin

FAQ

What are the best Claude Code Vite plugins?
Flowy lists 99 plugins for Vite, ranked by fit and signal rather than raw install count. Open any listing to read every skill in full before you install it.
Do these Vite skills run automatically?
The Auto-invoked ones do. They ship a FLOW.md router and a hook, so Claude Code loads the matching skill as you prompt. Indexed listings install normally, and their skills fire only when Claude picks them from their descriptions.
How does Flowy decide a plugin is a Vite plugin?
The tag is derived from the plugin's own content, its skill names, descriptions, README and file types, not from a tag someone typed. A plugin appears here only when its real content matches.
Are these Vite plugins free?
Yes. Flowy is free and open source with nothing gated. You can read every skill before installing, and each listing links to its upstream repository and its creator.

Browse every plugin