Claude Code Vue plugins and skills

Gives your coding agent a planning, testing and review routine to follow on every task. It plans before building, checks changes with tests, has a fresh reviewer look for regressions, and saves repeated wins as reusable skills.

200 skills

@affaan-mInstall Plugin

Fair-code platform to build and deploy AI agents and workflows. Combine a visual canvas with custom code, run it self-hosted or in the cloud, and connect to 1500+ integrations. AI automation you can trust with real work, from prototype to production.

12 skills

@n8n-ioInstall Plugin

A design toolkit for Claude Code covering UI styling, design tokens and component specs, brand identity and voice, banners, logos, and HTML slide presentations with charts.

7 skills

@nextlevelbuilderInstall Plugin

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

@pbakausInstall Plugin

Turns a brief into a design prototype, website, app, deck, or video that follows your design system, then lets your team share it and refine it with an AI agent in the same project.

170 skills

@nexu-ioInstall Plugin

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

@leonxlnxInstall Plugin

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

@storybookjsInstall Plugin

Fetches up-to-date documentation and code examples for libraries, frameworks, SDKs, CLI tools and cloud services, so an AI agent can answer API questions and generate code against current references.

4 skills

@upstashInstall Plugin

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

@slidevjsInstall Plugin

Indexes a codebase into a knowledge graph of symbols, calls and dependencies, so your coding agent can answer how code works, what a change will break and why a bug happens. Ask in plain language instead of grepping through files.

13 skills

@abhigyanpatwariInstall Plugin

AI API Gateway Platform for Subscription Quota Distribution.

1 skill

@wei-shawInstall Plugin

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

@phaserjsInstall Plugin

The Tiptap Editor is a headless, framework-agnostic rich text editor that's customizable and extendable through extensions.

@ueberdosisInstall Plugin

Skills for building agent-native apps with CopilotKit, covering generative UI, shared state, and human-in-the-loop workflows in React, Angular, Vue, and React Native. Also includes setup help for agents in Slack and Microsoft Teams, plus the CopilotKit CLI.

9 skills

@copilotkitInstall Plugin

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-labsInstall Plugin

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-2Install Plugin

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-2Install Plugin

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

8 skills

@greensockInstall Plugin

Gives Claude Code specialist skills for full-stack work, such as Angular components, API design, system architecture and Jira tracking. Each skill loads when its task comes up, so you get expert help without framing every request yourself.

67 skills

@jeffallanInstall Plugin

Skills for the MoviePilot media automation server, covering web browsing, slash command dispatch, and creating MoviePilot plugins and agent skills.

16 skills

@jxxghpInstall Plugin

A Claude Code skill that builds an immersive landing page where scrolling moves a camera through pre-rendered scenes for any brand or industry, using Higgsfield.

1 skill

@oso95Install Plugin

A Claude Code skill for working with shadcn-vue components: adding, searching, fixing, styling and composing Vue UI, with component docs and usage examples.

1 skill

@unovueInstall Plugin

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-codeInstall Plugin

Turns plain written content into a polished infographic, so you can skip laying out charts and text by hand. Ships skills that generate infographic syntax from your notes and reports, and render it with templates and themes.

5 skills

@antvisInstall Plugin

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

@nuxtInstall Plugin

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-labsInstall Plugin

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

@antfuInstall Plugin

Gives AI agents a way to connect to outside tools and services through MCP servers, so they can act on your accounts and data without you wiring each integration by hand. Also includes a documentation lookup skill that answers questions about libraries and frameworks with code examples.

1 skill

@klavis-aiInstall Plugin

Industrial IoT platform for connecting devices over Modbus, OPC UA and MQTT, with device management and time-series data. Includes an fde-ontology skill that runs an automated pipeline from multi-source input to code generation.

1 skill

@dgiotInstall Plugin

A componentized multi-agent framework built around native function calling, offering an agent loop, tool execution, context engineering, sub-agents, session persistence, and retrieval with persistent memory for developers building AI agents.

17 skills

@jjyaoaoInstall Plugin

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

@hyf0Install Plugin

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-aiInstall Plugin

A collection of general-purpose agent skills for diagrams, documentation, development workflow and drawing tools, installable into the skills folder of Cursor, Claude Code, Codex and similar agents. Each skill is a SKILL.md that the agent calls automatically based on its trigger keywords.

16 skills

@xstongxueInstall Plugin

Scaffolds documentation sites with Nuxt and Markdown, with support for multilingual docs, llms.txt output and an AI docs assistant. Includes a sample skill for testing agent skills discovery.

2 skills

@nuxt-contentInstall Plugin

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

@modelcontextprotocolInstall Plugin

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-2Install Plugin

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

@glinckerInstall Plugin

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

@lochieInstall Plugin

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-2Install Plugin

Skills for working on the BK-CI continuous integration platform (Blue Shield), covering global architecture, agent build machines, API design, artifact storage, and permission/auth modules. Useful for developers changing or debugging specific parts of the BK-CI codebase.

43 skills

@tencentbluekingInstall Plugin

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

@openwebfInstall Plugin

Helps you build durable TypeScript workflows and AI agents that survive failures and can be observed while they run. Also covers porting workflows from Temporal, Inngest, Trigger.dev or AWS Step Functions, and upgrading existing projects.

6 skills

@vercelInstall Plugin

Draws code changes and codebase parts as animated architecture and data-flow diagrams, both in pull requests and on their own. Includes an eli5 skill that explains a codebase or pull request to newcomers step by step.

2 skills

@coldteadotaiInstall Plugin

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-skillsInstall Plugin

Emulates developer APIs such as Vercel, GitHub, Google, Slack, Apple, AWS and Twilio locally, so integrations can be built and tested in CI or without network access. Includes skills for each service and for building custom emulators.

15 skills

@vercel-labs-2Install Plugin

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

@tracewayappInstall Plugin

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-huInstall Plugin

A skill that helps Claude write secure web applications and runs security scans or audits, applying bug bounty experience to catch vulnerabilities before code reaches production.

1 skill

@behiseccInstall Plugin

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

@awdr74100Install Plugin

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

@reticlehqInstall Plugin

Gives AI coding tools a CloudBase integration layer, with skills that guide how code is written and MCP tools that manage databases, cloud functions, storage, and deploys from chat.

46 skills

@tencentcloudbaseInstall Plugin

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-xiaoerInstall Plugin

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-ioInstall Plugin

A Claude Code plugin with skills for API design safety, proxy and WAF keyword matching, async task patterns for long-running jobs, Bash style, and modular code quality review. It is meant as a maintainable AI collaboration configuration, not a prompt collection.

24 skills

@docckerInstall Plugin

An enterprise platform for managing AI resources through a unified AI gateway and token scheduling. It covers models such as OpenAI, Azure, Claude and DeepSeek, plus cost attribution, budget control and centralized MCP tool registration.

@beizhu-1209Install Plugin

Skills for building ActivityPub servers with Fedify in TypeScript. They cover actors and key pairs, inbox listeners for incoming activities like Follow and Like, fediverse enhancement proposals, and looking up up-to-date Fedify docs.

7 skills

@fedify-devInstall Plugin

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

@agnosticuiInstall Plugin

Helps you think through decisions by gathering several AI opinions on one question, exposing hidden assumptions in a plan, clarifying vague requests, and pulling in developer community views on a tech topic.

17 skills

@team-attentionInstall Plugin

Turns a request for a visual artifact into finished HTML, such as a slide deck, landing page, interactive prototype or animation, so you can skip hand-building each layout. Built-in quality checks keep the output consistent with a design system.

1 skill

@zeroz-labInstall Plugin

A skill that turns a PRD, reference URL, screenshot or keywords into a standard DESIGN.md spec, then generates responsive web pages such as landing pages, portfolios, product pages and blogs once the user confirms the spec.

1 skill

@xiaopu-aiInstall Plugin

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

@vercelInstall Plugin

Reviews code as you save or commit it, drafts conventional commit messages from your diff, suggests tests for new functions, and keeps API docs and the README in step with code changes.

8 skills

@alirezarezvaniInstall Plugin

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

1 skill

@0xdesignInstall Plugin

Lightweight open-source AI Agent optimized for Chinese users | Native support for domestic large-model coding plans | Compatible with the OpenClaw Skills ecosystem | Integrated with WeChat ClawBot, Weibo Lobster, Feishu, DingTalk, QQ, Xiaozhi AI, Telegram and dsh.

14 skills

@countbot-aiInstall Plugin

A self-hosted platform for running AI agents from Claude Code, Codex, Gemini and OpenCode in isolated Docker containers, with cron scheduling, fleet monitoring, audit trails and cost tracking.

@abilityaiInstall Plugin

Skills for Nuxt Content sites: one converts hardcoded Vue components in a markdown page into slot-based components editable in Nuxt Studio, and another ports a legacy MDC-based pull request onto the newer comark-based main branch.

2 skills

@nuxt-contentInstall Plugin

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

@laravelInstall Plugin

Composable UI engine for Vue. Build complex interfaces with reusable state, logic, and primitives, without being locked into components or styles.

2 skills

@vuetifyjsInstall Plugin

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-aiInstall Plugin

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

@onmaxInstall Plugin

Create, edit, and implement Figma designs with your coding agent.

3 skills

@ecomfeInstall Plugin

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

@kimlawtechInstall Plugin

A spec-driven development workflow for Claude Code that uses specialized sub-agents working in coordinated phases to turn a project idea into code. Useful for developers who want structured, multi-step AI-assisted builds.

@zhsamaInstall Plugin

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

@brhizaInstall Plugin

Designs UI mockups for apps, admin panels, game interfaces and full landing pages, then turns them or screenshots into HTML/CSS, existing front-end projects or WeChat mini programs.

1 skill

@oil-oilInstall Plugin

Lets Claude research how production Rails apps solve architectural problems, drawing on the Real World Rails repository of open source codebases. Useful for finding patterns or comparing approaches.

1 skill

@steveclarkeInstall Plugin

Turning data into a visual language for better thinking. AntV, initiated by Ant Group and open-sourced starting in 2017, reimagines data visualization by embedding the theory of graphical grammar into the JavaScript language.

9 skills

@antvisInstall Plugin

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-accessInstall Plugin

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-hqInstall Plugin

A skill that helps Claude Code apply VueUse composables when building Vue.js and Nuxt features, aiming for concise and maintainable code.

1 skill

@vueuseInstall Plugin

A security knowledge base for Claude Code that answers questions on business risks, evasion methods, attack tools, threat actors, and industry terms, with example cases. Useful for security teams doing risk review or red-team planning.

1 skill

@jdarmyInstall Plugin

Turns research papers (PDFs or arXiv links) into study materials, with a deep-study skill, a quick summary skill, and a web viewer for browsing papers. Works in Claude Code, Codex, OpenCode, and DeepSeek Harness.

6 skills

@alaliqingInstall Plugin

A Claude Code plugin that adds skills, agents and hooks for development work. It can create API endpoints, backend and frontend tests, database migrations and React or Vue components, plus planning and release tasks.

32 skills

@alekspetrovInstall Plugin

Navigator is a Claude Code plugin for planning and delivering features across sessions. It adds skills to create API endpoints, database migrations, React or Vue components, and backend and frontend tests, plus agents and hooks for workflow orchestration.

31 skills

@qf-studioInstall Plugin

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

@adityaraj0421Install Plugin

Writes and checks Agent Skills for an npm package or a project you maintain, and tests each generated example against the installed version so it stays accurate. Also reviews existing skills for clear triggers and usable instructions.

6 skills

@skilld-devInstall Plugin

Hooks that make Claude Code use LSP instead of Grep for code navigation, reducing grep calls and token use. Useful for developers who want more precise symbol lookups in large codebases.

@nesaminuaInstall Plugin

A Claude Code plugin for developers using AI to learn while building. It adds review skills for accessibility, backend APIs and databases, and turns finished work into resume bullets and STAR interview stories.

18 skills

@danielpodolskyInstall Plugin

An engineering workflow layer for AI coding tools that adds specs, review steps, quality gates and traceability. Built for developers who want AI-assisted delivery to follow a structured pipeline.

2 skills

@shangyankejiInstall Plugin

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-chungInstall Plugin

A guide to working with Claude Code in real development work, with patterns for using it from the terminal. It also bundles a skill that keeps git commit messages in a consistent conventional format.

1 skill

@awattarInstall Plugin

Gives developers ready-made guidance for building web apps and APIs, covering animated React components, authentication with JWT and OAuth, API design and contract testing, and changelog writing. Works inside Claude Code.

183 skills

@secondskyInstall Plugin

Manage all your terminals and AI coding tools (Claude Code / Codex) from one unified page.

1 skill

@fy0Install Plugin

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

@mbvlabsInstall Plugin

Lets you query, browse and explore data in PostgreSQL, MySQL, MariaDB, Oracle, SQLite and Redis from one desktop editor. Adds skills for database tuning and schema design.

4 skills

@cin12211Install Plugin

Skills for running a design system day to day: auditing component accessibility against WCAG AA, reporting adoption across teams, writing AI agent instructions, describing Figma components for LLMs, and turning audit findings into sprint tickets.

36 skills

@murphytruemanInstall Plugin

An MCP server for code navigation, change-impact analysis, and framework-aware queries, with skills for safe refactoring, bulk codemods, and pre-commit security and quality checks in Claude Code.

4 skills

@nikolai-vysotskyiInstall Plugin

Turns AI design guidelines into executable contracts that catch violations. Skills and an MCP server check generated UI against the design system before, during, and after generation, and CI blocks merges that break it.

3 skills

@tsubotaxInstall Plugin

A plugin for developing GitWand, a desktop Git client that resolves merge conflicts, with skills for adding conflict patterns, format resolvers, Tauri commands, locale strings, and releases.

5 skills

@devlintInstall Plugin

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-ioInstall Plugin

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

@croffasiaInstall Plugin

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-wInstall Plugin

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

@patchorbitInstall Plugin

Coding standards template library for AI coding assistants. Combine base + language + framework layers to generate a project-specific rules file that keeps AI-generated code clean and consistent.

1 skill

@lifedeverInstall Plugin

Model Context Protocol (MCP) server for Hostinger API.

20 skills

@hostingerInstall Plugin

One command to install and configure pi-coding-agent. Like oh-my-zsh for pi.

3 skills

@ifiokjrInstall Plugin

Pixi’VN is a very versatile and powerful story-driven engine. It is based on JavaScript/TypeScript and PixiJS, and supports animated characters through Spine 2D and Live2D.

13 skills

@drincs-productionsInstall Plugin

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-technologyInstall Plugin

A monorepo of Unraid tooling: two MCP servers (Python and Rust) and three Unraid OS plugins, plus the Claude/Codex agent integrations that surface them. Repo name.

1 skill

@dinglebear-aiInstall Plugin

Bring Your Own Browser, let your AI assistant use the Chrome you already have open. byob is a local MCP server that lets AI coding tools (Claude Code, Cursor, Cline, Windsurf, etc.)

1 skill

@wxtskyInstall Plugin

한국어 버전 (Korean) A skill that gathers opinions from multiple AI CLIs (Codex, Gemini, ...) and lets a configurable Chairman synthesize a conclusion. Inspired by Karpathy's LLM Council.

1 skill

@team-attentionInstall Plugin

A penetration testing plugin that gives Claude Code skills for authentication testing, application security checks, CVE vulnerability testing and domain reconnaissance. Built for security testers who want Claude to run offensive assessments.

7 skills

@stickman230Install Plugin

Breaks complex software projects into tasks that run in parallel, using skills for auto-generated PRDs, file-based planning, and multi-task orchestration with dependency resolution and a unified merge.

3 skills

@taoidleInstall Plugin

The fast, free, open-source technical SEO + GEO crawler, built for humans and agents. Crawl any site for broken links, redirects, missing metadata, and 40+ SEO & Generative-Engine checks, with plain-English guidance on every fix.

4 skills

@sprontaInstall Plugin

Claude Lane Stack is a self-hosted toolkit for coordinating coding agents through CLI processes, task contracts, Git workspaces, and verification receipts (bin/run-controller:117-159, schemas/task-v2.schema.json:1-60).

64 skills

@vkirillInstall Plugin

Private distribution for Agent Skills. Publish once; install, update, and roll back across Cursor, Claude Code, Codex, OpenClaw, and similar assistants, one small server, one CLI (skb).

2 skills

@ginuimInstall Plugin