Skip to content

Claude Code Svelte plugins and skills

Flowy lists 59 plugins for Svelte 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.

impeccable

impeccable

Design guidance for AI coding agents that helps shape, critique, polish, and improve frontend interfaces such as websites, landing pages, and dashboards. It includes live browser iteration and rules that catch common issues in AI-generated frontend design.

1 skill
@pbakaus@pbakausInstall Plugin
taste-skill
Auto-invoked

taste-skill

Gives coding agents a design direction, reference images and a browser check, so the websites and app screens they build look deliberate instead of like a generic template page.

1 skill
@leonxlnx@leonxlnxInstall Plugin
bun

bun

Skills for contributors to the Bun JavaScript runtime codebase. They cover implementing JavaScript classes in C++ and Rust with JavaScriptCore, garbage collector pitfalls, Rust system calls via bun_sys, and finding slow CI tests.

8 skills
@oven-sh@oven-shInstall Plugin
storybook

storybook

Skills and an MCP server for Storybook, the tool for building, documenting, and testing UI components in isolation. Covers canary releases, docs review, PR comment handling, lint and type fixes, and QA labels.

10 skills
@storybookjs@storybookjsInstall Plugin
phaser

phaser

Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers and has been actively developed for over 13 years.

28 skills
@phaserjs@phaserjsInstall Plugin
agent-skills

agent-skills

Helps you build and ship Next.js and React pages with better performance and cleaner component structure, and can deploy them to Vercel. Covers React Native and Expo apps too.

9 skills
@vercel-labs@vercel-labsInstall Plugin
agent-skills

agent-skills

Gives your AI coding agent ready-made guidance for React and Next.js performance, component design, React Native and Expo apps, and view transition animations, plus a skill to deploy an app to Vercel and get a link.

9 skills
@vercel-labs-2@vercel-labs-2Install Plugin
json-render

json-render

A framework for generating dynamic UIs from prompts using predefined components and actions, with codegen, core schema and catalog tools, and devtools inspectors for React, Solid, and Svelte apps.

32 skills
@vercel-labs-2@vercel-labs-2Install Plugin
windmill

windmill

Skills, agents and MCP servers for Windmill, an open-source platform for workflow automation, script orchestration, scheduled jobs and event triggers across multiple languages, useful for building internal tools.

50 skills
@windmill-labs@windmill-labsInstall Plugin
gsap-skills

gsap-skills

Skills that teach AI coding agents GSAP animation: core API, timelines, ScrollTrigger, plugins, and React, Vue and Svelte integration.

8 skills
@greensock@greensockInstall Plugin
shadcn-svelte

shadcn-svelte

Helps Claude Code users add, update, fix, debug, style, and compose shadcn-svelte UI components, with project context, component docs, and usage examples.

1 skill
@huntabyte@huntabyteInstall Plugin
civitai

civitai

Plugin for developers of the Civitai codebase, with skills that guide adding new AI model ecosystems, base models, generation support, prompt-enhancement guides, and training support to the app and its trainers.

52 skills
@civitai@civitaiInstall Plugin
orval

orval

Generates type-safe TypeScript API clients, query hooks, Zod schemas and MSW mocks from OpenAPI or Swagger specs in YAML or JSON. Built for developers wiring frontends and backends to REST APIs.

1 skill
@orval-labs@orval-labsInstall Plugin
jscpd

jscpd

Duplicate code detector for 220+ languages, plus dead code, complexity hotspots, duplication and health trends over git history, and one health score for the whole codebase.

5 skills
@kucherenko@kucherenkoInstall Plugin
tinybase

tinybase

A skill that scaffolds, extends, and verifies reactive local-first JavaScript or TypeScript apps built on TinyBase, a small in-memory store for tabular and key-value state with sync support.

1 skill
@tinyplex@tinyplexInstall Plugin
hairline

hairline

Thirty-three isometric line figures that answer the pointer. For React and for anything with a DOM. Live, with a slider for intensity: hairline.lucasmarkes.com Featured sponsorsYour logo here.

2 skills
@lucasmarkes@lucasmarkesInstall Plugin
ext-apps

ext-apps

Skills for building interactive UI views in MCP servers, so tools can display embedded app interfaces inside AI chat clients. Covers creating new MCP Apps, adding UI to existing tools, converting web apps, and migrating from the OpenAI Apps SDK.

4 skills
@modelcontextprotocol@modelcontextprotocolInstall Plugin
web-quality-skills
Auto-invoked

web-quality-skills

Audits a web project for speed, accessibility, search visibility and code quality, then suggests fixes grounded in Lighthouse and real-user measurements. Works with any framework, from plain HTML to React or Next.js.

6 skills
@addyosmani-2@addyosmani-2Install Plugin
agent-skills

agent-skills

Agent Skills to help developers using AI agents with Supabase. Agent Skills are folders of instructions, scripts, and resources that agents can discover and use to do things more accurately and efficiently.

2 skills
@supabase@supabaseInstall Plugin
thesvg

thesvg

Fetches brand SVG logos and cloud architecture icons for AWS, Azure and Google Cloud from theSVG. Use it when you need a company logo, framework mark or service icon in your project.

1 skill
@glincker@glinckerInstall Plugin
web-haptics

web-haptics

Adds haptic feedback to web apps using the web-haptics library, for tactile responses on buttons, toggles, forms, and pickers in mobile-facing interfaces.

1 skill
@lochie@lochieInstall Plugin
unslop

unslop

Created by Damir Sokolovsky (@heydamir), who started the Unslopping series on X. unslop is a skill for Claude that turns vibecoded, AI-looking UI into a designed interface with its own character.

1 skill
@heydamir-2@heydamir-2Install 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
code-review-skill

code-review-skill

Gives Claude Code structured, expert-level guidance for reviewing code, so reviews become consistent instead of vague suggestions. It covers many languages and frameworks, from React and Vue to Rust, Python, Go and Swift, and loads only the guidance it needs.

1 skill
@awesome-skills@awesome-skillsInstall Plugin
tw

tw

Skills for the Traceway observability platform that let Claude Code query exceptions, logs, endpoints and metrics, debug production issues, instrument repositories with OpenTelemetry, and make write changes such as archiving issues or acknowledging pages.

5 skills
@tracewayapp@tracewayappInstall Plugin
figwright

figwright

Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.

4 skills
@awdr74100@awdr74100Install Plugin
claude-command-suite

claude-command-suite

Gives a development team ready-made commands and agents for code review, testing, releases and deployment, plus skills for transcribing audio, extracting video frames and managing Cloudflare or BigCommerce work.

12 skills
@qdhenry@qdhenryInstall 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
motion-anything

motion-anything

A set of Claude Code skills for GSAP web animation, covering the core API, React and Vue/Svelte integration, plugins like ScrollTrigger and Flip, and performance tuning.

12 skills
@nexu-io@nexu-ioInstall Plugin
agnosticui

agnosticui

A framework-agnostic component library that copies source code directly into your project, with skills for accessibility review, explaining code, and implementing GitHub issues or playbooks.

6 skills
@agnosticui@agnosticuiInstall Plugin
componentsbuild

componentsbuild

A skill that guides developers in building modern, accessible, and composable UI components. It covers composable APIs, design tokens, and publishing components to npm.

1 skill
@vercel@vercelInstall Plugin
agent-skills

agent-skills

Skills for Claude Code that deploy and manage Laravel apps on Laravel Cloud, configure Nightwatch data collection and redaction, and pull upstream changes from Laravel starter kits.

3 skills
@laravel@laravelInstall Plugin
full-stack-skills

full-stack-skills

Gives coding agents ready-made workflows for full stack work, from front end and back end to mobile, DevOps and design-to-code, so common tasks follow proven steps instead of being built from scratch.

@partme-ai@partme-aiInstall Plugin
flags

flags

Adds feature flags, A/B tests, and gradual rollouts to Next.js, SvelteKit, or other apps. Includes skills for declaring flags with the Flags SDK and wiring up a provider adapter.

2 skills
@vercel@vercelInstall Plugin
korean-privacy-terms

korean-privacy-terms

Skills that generate privacy policies, terms of service, consent modals and cookie banners for websites and apps. Covers Korean, Japanese, EU and global rules, for Next.js projects.

7 skills
@kimlawtech@kimlawtechInstall Plugin
accessibility-agents

accessibility-agents

Catches accessibility problems while an AI coding assistant writes web interface code, so WCAG accessibility issues are caught before they ship. It also compares audits across commits to flag regressions and drafts an accessibility statement from the findings.

113 skills
@community-access@community-accessInstall Plugin
playwright-skill

playwright-skill

Playwright skill for writing, debugging, and scaling end-to-end, API, component, visual, accessibility, and security tests, with guidance on CI/CD, page objects, trace debugging, and migration.

1 skill
@testdino-hq@testdino-hqInstall Plugin
naksha

naksha

Assembles a virtual design team inside Claude Code to produce UI, UX, visual, social media, email, and data design output. A design manager picks the right specialist roles for each task.

1 skill
@adityaraj0421@adityaraj0421Install Plugin
ai-tools

ai-tools

Skills for writing and analyzing Svelte components and modules, plus an MCP server for Svelte documentation lookup. Built for developers working on Svelte projects in Claude Code.

3 skills
@sveltejs@sveltejsInstall Plugin
claude-code-karma

claude-code-karma

A local-first dashboard for monitoring Claude Code sessions, with usage analytics, token and cost tracking, and a skill to link a session to a Linear, Jira, GitHub Issues, or GitHub Pull Request ticket.

1 skill
@jayantdevkar@jayantdevkarInstall Plugin
lumen

lumen

Lets your AI coding agent find code by meaning instead of reading whole files, so it spends fewer tokens and finishes sessions faster. It runs fully locally on your machine with open-source embedding models, with no API keys or cloud service needed.

3 skills
@ory@oryInstall Plugin
devteam

devteam

Gives Claude Code a team of specialized roles, such as a planner, debugger and security verifier, each with its own tools. Automatic checks catch leftover debug statements and hardcoded secrets before code reaches the main branch.

@nycu-chung@nycu-chungInstall 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
plaid

plaid

An agent skill that guides founders from idea to launched product through structured conversations and AI-powered document generation.

1 skill
@buildgreatproducts@buildgreatproductsInstall 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
sanity
Auto-invoked

sanity

Skills, commands and MCP servers that help AI coding agents build with Sanity CMS, covering schema design, GROQ queries, Portable Text rendering and conversion, content modeling, and migrations.

10 skills
@sanity-io@sanity-ioInstall Plugin
bp

bp

A Claude Code plugin for blueprint-driven development. It analyzes your codebase patterns, creates implementation plans, and breaks tasks down for code generation.

@croffasia@croffasiaInstall 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
aegis

aegis

Your agents have access. You deserve visibility. AEGIS puts local AI-agent activity in one desktop dashboard.

@antropos17@antropos17Install Plugin
hig-doctor

hig-doctor

Active open-source project ยท MIT tooling with attributed Apple reference content HIG Doctor helps developers and coding agents find interface issues before release.

15 skills
@raintree-technology@raintree-technologyInstall Plugin
c9watch

c9watch

Mac app and JSON CLI to monitor every Claude Code, Codex, Cursor Agent and Pi session on your machine. See which agent needs permission, which is working, and which is idle. Works with any terminal or IDE. Free, open source (MIT).

1 skill
@minchenlee@minchenleeInstall Plugin
research-council

research-council

A Claude Code plugin that orchestrates deep research across two coding agents, Claude Code and Codex CLI (OpenAI), running in parallel with cross-pollination refinement and final synthesis.

@hamelsmu@hamelsmuInstall Plugin
server

server

Coming from a 0.x release? See MIGRATION.md for the v0 โ†’ v1 rename map (allow โ†’ auth, 'public' โ†’ 'publishable', authType โ†’ authMode, claims โ†’ jwtClaims, โ€ฆ).

1 skill
@supabase@supabaseInstall Plugin
stitch-kit

stitch-kit

Turns a text prompt into a finished UI screen through Google Stitch, then adds accessibility fixes, motion, a design system and clean HTML or CSS so the result is production ready without hand polishing each page.

36 skills
@gabelul@gabelulInstall 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
design-from-code

design-from-code

Turns a single issue or requirement into a UI design by verifying real source code and data, iterating HTML mockups, writing a design doc, then delegating implementation. For Claude Code users who design changes from existing code.

1 skill
@nlook-service@nlook-serviceInstall Plugin
financial-ui-suite

financial-ui-suite

Skills for building financial user interfaces that show prices, P&L, holdings, orders, trades, charts, order books, watchlists, and streaming market data. It also helps pick a visual style, from pro terminal to retail or editorial.

2 skills
@rgourley@rgourleyInstall Plugin
astro-skills

astro-skills

A Claude Code skill for building static sites with the Astro framework. It helps create Astro components and pages, set up content collections, optimize images, configure SEO, and deploy static builds.

1 skill
@ianshk@ianshkInstall Plugin

FAQ

What are the best Claude Code Svelte plugins?
Flowy lists 59 plugins for Svelte, 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 Svelte 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 Svelte 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 Svelte 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