Vue plugins

Access 50+ UI/UX styles, color palettes, font pairings, guidelines, and charts to plan, build, review, and optimize web and mobile interfaces across React, Next.js, Vue, Svelte, Tailwind, React Native, and Flutter.

Generate accessible UI components, build design systems with tokens and patterns, audit WCAG compliance, review designs for usability and performance, and implement responsive layouts for web (React/Vue/Svelte/Tailwind) and mobile (iOS/Android/React Native) apps using specialized skills, commands, and expert agents.

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.

Delegates product strategy, legal/licensing, business analysis, project management, UX research, content marketing, customer success, technical sales, technical writing, and WordPress development to specialized AI agents

Fetch up-to-date, version-specific documentation, API references, and code examples for libraries like React, Next.js, Vue, Prisma, and Supabase directly into your LLM context using Context7 skills, commands, agents, and MCP server. Query via /context7:docs <library> [query] or IDs for precise lookups on setup, usage, and APIs.

Audit and maintain a live design system across dashboards and tool UIs — extract tokens, check for spacing/color/depth violations, and regenerate patterns from existing code without writing CSS by hand.

Query Claude, Cursor, or other AI agents for expert GSAP guidance to build performant animations, timelines, ScrollTrigger effects, and plugin integrations in React, Next.js, Vue, Nuxt, Svelte, or vanilla JS, following framework best practices and 60fps optimizations.

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.

Configure, troubleshoot, and optimize Sentry error tracking and performance monitoring across Node.js, Python, React/Next.js apps, CI/CD pipelines, and enterprise setups, including SDK installs, source maps, sampling, PII scrubbing, and incident response.

Automate end-to-end Lokalise localization workflows: upload/download translations via GitHub Actions CI/CD, configure local dev loops for React/Next.js/Vue, optimize API performance/costs, enforce security/auth, instrument monitoring/webhooks, migrate projects, and execute prod checklists using Node SDK/CLI.

Generate read-only Markdown discrepancy reports validating messaging consistency—including tone, terminology, versions, and structure—across HTML-based websites (WordPress, Hugo, Next.js, React, Vue, etc.), GitHub repositories, and local documentation, with severity levels and fix suggestions.

Format and validate code with Prettier across JS, TS, CSS, JSON, and Markdown files. Check formatting compliance, apply consistent style, and set up pre-commit hooks to enforce code quality standards.

Create and manage snapshot tests for UI components and data using Jest, Vitest, or pytest to catch regressions. Analyze test failures with intelligent diff reviews, selectively update snapshots for intentional changes, validate and organize snapshot files, then generate detailed analysis reports.

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.

Delegate to specialized AI agents that design scalable backend architectures, REST/GraphQL APIs, database schemas, Next.js/React frontends, iOS/Swift or React Native/Flutter mobile apps, Laravel-Vue stacks, and CMS extensions for Directus, Drupal, WordPress. Accelerate full-stack development workflows across diverse tech stacks.

Generate React, Vue, or HTML code from Figma designs using Anima SDK, automate pipelines with CI/CD via GitHub Actions, optimize API costs and performance with caching and throttling, debug errors, secure tokens, set up local dev loops with Vite previews, and deploy serverless APIs to Vercel or GCP.

Generate distinctive production-grade frontend UIs for components, pages, or full apps using React, Vue, HTML, CSS, and JavaScript, featuring bold aesthetics, unique typography, custom motion, and layouts that avoid generic AI-generated styles.

Delegate frontend development tasks to this agent for building responsive UIs and components in React, Vue, or Angular; implementing state management; fixing responsive design and accessibility issues; and optimizing performance with techniques like virtualization and memoization.

Enforce cross-language coding standards and automate development workflows—code review, commit message generation, project scaffolding, optimization scans, and documentation—by configuring Claude Code and other AI assistants with contextual rules, skills, and commands for Java, Go, Python, TypeScript, Vue, React, Docker, and Redis.

Generate production-grade frontend code for visually strong landing pages, websites, apps, and components using Anthropic and OpenAI design skills. Produce bold aesthetics with unique typography, motion, and layouts in React or Vue, or premium prototypes featuring restrained compositions, image-led hierarchy, and tasteful motion in HTML/CSS/JS.

Run slash commands to systematically debug errors, analyze code quality/security/performance in files/directories/repos, intelligently refactor code, safely clean git branches, explore architecture scenarios, generate work logs from commits, and convert issues to tasks.

Manage projects end-to-end with Product as Code (PAC) slash commands: initialize repos with framework setups, generate JTBD/PRD/PRP docs, create/track epics/tickets/status in YAML, validate structure, run health checks, simulate timelines, track milestones from GitHub/Linear, manage todos, and sync to Linear.

Scaffold secure desktop applications using Electron or Tauri, selecting React, Vue, Svelte, or Vanilla frontends. Produces complete project structure with IPC for secure communication between frontend and backend, plus build and packaging setup for cross-platform distribution.

Generate complete frontend components with TypeScript types, accessibility, responsive styling, tests, and exports in detected React, Vue, or Svelte projects. Enhance components by applying project design system styles for base elements, interactions, dark mode, responsiveness, and accessibility, with structured summaries of tokens and breakpoints.

Auto-instrument web apps with Grafana Faro Web SDK for real user monitoring, error tracking, Web Vitals, session replay, and distributed tracing. Detects frameworks like React or Vue, generates and injects init code into your entry point, then opens a GitHub PR for seamless integration.

Implement spec-driven development workflow: convert vague ideas to EARS requirements, generate technical design and steering documents, break designs into sequenced tasks with dependencies, apply QA checklists, AI prompting strategies, and troubleshooting for structured, reliable feature delivery.

Delegate frontend development tasks to a specialized agent that builds responsive UIs with React, Vue, or Angular components, implements state management, fixes responsive and accessibility issues, and optimizes performance for web apps.

Navigate to Intlayer key definitions, find all references, and inspect hover info for useIntlayer/getIntlayer calls across JavaScript, TypeScript, Vue, Astro, and Svelte files.

Develop and manage Tencent CloudBase applications: deploy cloud functions and CloudRun services, query and manage NoSQL/MySQL databases, call AI models (DeepSeek, Hunyuan, etc.), handle authentication and storage, and integrate WeChat Mini Programs — all via MCP.

Develop, preview, save, deploy, and rollback Vite-based React/Vue web apps hosted on Tencent CloudBase, with automatic drift monitoring and cloud resource management.

Generate AntV G6 v5 graph visualizations—network graphs, tree diagrams, flowcharts, and mind maps—with correct layout, interaction, and plugin configuration, while avoiding v4 API pitfalls.

Orchestrate AWS Amplify Gen 2 workflows to build full-stack web and mobile apps with authentication, data models, storage, GraphQL APIs, and Lambda functions, then deploy to sandbox or production using React, Next.js, Vue, Angular, React Native, Flutter, or Android.

Delegate frontend tasks to build responsive UIs, implement React/Vue/Angular components, manage state, fix responsive design issues, ensure accessibility, and optimize performance for web apps.

Generate distinctive production-grade frontend UIs with bold aesthetics for web components, pages, blogs, and apps. Emphasize typography, color, motion, and layout to avoid generic designs using React, Vue, HTML, CSS, or JavaScript.

Process research papers from PDFs, URLs, or arXiv to extract content, generate study materials and summaries in your language, and launch a local web viewer for browsing and deep analysis.

Delegate frontend tasks to this agent: build responsive UIs and complex components in React, Vue, or Angular; implement state management; fix responsive design issues; ensure accessibility; optimize rendering and large dataset loading for performant web apps.

Maintain persistent project context across Claude Code sessions with a knowledge graph, task tracking, and automated code generation. Manage project knowledge, preserve conversation state, orchestrate multi-step tasks, generate APIs/components/tests, and track efficiency with token optimization.

Provides a skills-map router plus structured workflows for spec-driven development, multi-session project management, scientific-method debugging, self-correcting build loops, frontend design, web search, image generation, and agent token optimization.

Control real web browsers via Claude to automate workflows: navigate pages, fill forms and logins, scrape structured data from JS sites, audit accessibility per WCAG, run end-to-end tests simulating user flows, analyze frameworks like React/Next.js, and download authenticated files.

Bootstrap Claude Code projects with AI-powered infrastructure: initialize skills, hooks, MASTER_PLAN.md templates, and Kanban dashboard for task tracking. Route natural language requests to optimal skills, enforce Playwright tests/screenshots, audit security/docs/code, debug via git/Reality Matrix, and safely manage skill lifecycles.

Orchestrate a full AI engineering team of 12 specialized agents in Claude Code to handle complete software dev lifecycles: delegate planning, fullstack feature builds, UI design, refactoring, migrations, code reviews, security verification, debugging, DB analysis, onboarding, tooling, and research, backed by 15 automation hooks for pre-commit checks, branch protection, secret scanning, and quality enforcement via P7/P9/P10 methodologies.

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.

Manage Sanity CMS content and schemas from Claude: deploy schemas with breaking-change detection, generate TypeScript types, migrate content from other CMSs, and query datasets via MCP.

Build animated hero sections, 3D effects, and interactive backgrounds in Vue/Nuxt apps using 120+ pre-built TailwindCSS components powered by motion-v, GSAP, and Three.js, with included setup and integration error fixes.

Maps live UI elements to their exact source code locations and captures runtime context (props, state, DOM) for handoff to coding agents via MCP. Also transforms HTML/XML into typed data structures.

Set up Nuxt UI v4 with Tailwind v4 in existing Nuxt 4 projects, migrate from v2/v3, scaffold typed Vue components for dashboards/forms/modals/chats, generate semantic themes, select optimal components for layouts/overlays, access remote docs, and diagnose/fix styling/composable/TS errors.

Generate compact AMOLED-black UI code for shadcn-ui and Tailwind in React, Vue, or Svelte using Atlas design system tokens, rules, and patterns via AI agents. Build dense dashboards, chats, and admin panels with engineering-grade, framework-agnostic styling.

Scaffold Nuxt 4 projects via interactive wizard selecting UI, DB, auth, and deployment prefs; develop core setup/routing/SEO, data fetching/state, server APIs/DB/WebSockets, and production optimizations using guided skills; autonomously diagnose hydration/SSR/routing/build issues, migrate from Nuxt 3, and analyze performance bottlenecks with agents.

Enforce a disciplined development workflow in Claude Code: design-first planning, TDD with red-green-refactor, structured debugging, code review gates, parallel subagent execution, isolated Git worktrees, and automated task verification — all routed through workflow hooks for safety and token efficiency.

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.

Audit and optimize Nuxt app SEO: configure sitemaps, robots.txt, OG images, Schema.org structured data, meta tags, and link checking; run scored audits with file-specific fixes; generate custom OG image templates and type-safe JSON-LD.

Install Maz-UI v4 packages/module into Vue 3 and Nuxt 3 apps, generate production-ready snippets for forms/dialogs/toasts/validation/themes, scaffold accessible components/forms with TypeScript/Valibot/error handling/loading states, and create custom light/dark themes with CSS variables.

Set up Nuxt Studio visual CMS for Nuxt Content sites with interactive wizards. Configure OAuth authentication using GitHub, GitLab, or Google providers. Deploy to Cloudflare Pages or Workers with custom subdomains, or to Vercel/Netlify. Validate setups and auto-fix issues like module order.

Configure Nuxt Content v3 as a Git-backed CMS in Nuxt apps to build blogs, documentation sites, and content-driven applications using Markdown or MDC. Enable type-safe content queries, Zod/Valibot schema validation, full-text search, SQL storage with SQLite, and production editing via Nuxt Studio. Deploy seamlessly to Vercel or Cloudflare Pages/D1.

Create and deploy production-ready Power Pages code sites as SPAs using React, Angular, Vue, or Astro. Manage Dataverse tables and permissions, configure Entra ID authentication, add SEO metadata, and run end-to-end tests with Playwright.

Build production-ready ecommerce storefronts applying best practices in UI/UX patterns, SEO, and mobile responsiveness for key pages like checkout, cart, products, navigation, and homepage. Integrates directly with Medusa backend while remaining framework-agnostic for Next.js, React, Vue, or Svelte.

Validate and enforce Tailwind CSS best practices with component patterns, configuration guidance, production optimization, responsive design utilities, and LSP-powered code intelligence for utility-first CSS in React, Vue, or plain HTML projects.

Generate OpenChart VizSpec JSON to create charts, tables, graphs, and sankeys from data in React, Vue, or Svelte, plus edit SVGs for logos, icons, and graphics with path commands, styling, accessibility features, gradients, animations, and optimizations.

Manage the complete UiPath automation lifecycle from Claude Code — build, debug, deploy, and troubleshoot RPA projects, coded apps, agents, flows, and BPMN orchestrations across UiPath Cloud, Orchestrator, and Studio Web.

Equip Claude Code with 24 domain-specific skills to architect scalable Anthropic AI systems, engineer prompts for LLMs, generate HIG-compliant SwiftUI components, extract engineer expertise from GitHub, manage Git worktrees, optimize database queries, plan QA tests and product launches, and create interactive educational playgrounds.

Orchestrate full development workflows in Claude Code using /sc slash commands and 23 specialized AI agents to implement features, analyze code quality/security/performance, generate docs/architecture/tests, automate git/build/deploy, conduct research, and manage projects with MCP server persistence for cross-session context.

Generate hierarchical UI components following Atomic Design—from quarks and atoms to molecules, organisms, templates, and pages—for React, Vue, Angular projects with TypeScript templates, CSS organization, folder structures, barrel exports, and a11y best practices to enforce scalable design systems.

Orchestrate autonomous AI coding agents to fetch specs from Figma designs, GitHub issues, Linear tickets, or Notion pages; generate structured plans; iteratively implement code in React/Next.js/Vue/Svelte/Astro/HTML or Node/Python/Rust/Go projects; validate with tests/lints; commit changes; create/update PRs/tasks.

Generate distinctive production-grade frontend code with bold aesthetics for web components, pages, or apps using React, Vue, HTML, CSS, and JavaScript. Produces creative polished interfaces that avoid generic AI designs.

Set up WebMCP to integrate browser-native MCP servers into web applications across frameworks like React, Vue, and Next.js. Run local Node.js servers via Chrome DevTools Protocol for browser automation, AI accessibility, LLM UI tools, debugging, and testing. Automate monorepo npm publishing with changesets and pnpm.

Deploy any local or GitHub project to Sealos Cloud with a single command, including automatic cloud-native readiness assessment, Dockerfile generation, and container orchestration template creation. Manage cloud databases (PostgreSQL, MySQL, MongoDB, Redis), S3 object storage, and build Sealos Desktop apps — all from within Claude.

Develop scalable Vue 3 applications with Composition API patterns for reusable components including TypeScript props validation, emits, slots, provide/inject; manage reactivity via refs, reactive, computed, watchers; access LSP diagnostics, go-to-definition, hovers, and symbols for .vue files.

Integrate Clerk authentication across frameworks (Next.js, React, Vue, Nuxt, Astro, Expo, Android, iOS) with custom UI, organizations, billing, webhooks, and E2E testing

Run deterministic UX audits, generate production-grade UI components and design systems, and enforce brand-fidelity and accessibility — all offline with zero LLM calls. Includes a 7-axis design synthesizer, anti-pattern linter, motion auditor, microcopy editor, and design thinking workshop facilitator.

Audit frontend UI code, files, directories, or live websites using 15 usability heuristics to identify issues, rate severity from 0-4, generate structured reports with strengths and recommendations, then interactively or automatically implement prioritized fixes and re-evaluate.

Build location-aware applications with AI-driven geospatial tools: integrate Mapbox maps, search, and routing via MCP servers for web, iOS, Android, and agent frameworks.

Generate structured HTML documents with visual hierarchy, including architecture diagrams, decision records, collapsible references, and charts, all rendered as standalone HTML for AI agents or developer documentation.

Automate E2E browser testing via CLI: explore pages and navigation goals, record interactions into YAML tests, initialize and run tests with AI self-healing and real-time monitoring, verify features or GitHub PR frontend changes with sequential sessions, screenshots, and Markdown reports.

Generate animated React components from Magic UI and shadcn-ui, choreograph complex sequences with Anime.js and React Spring, render Lottie animations, apply AOS scroll reveals, and optimize performance. Use Python commands to import components, build configs/props/timelines, and consult specialist agents for integration and best practices in web UIs.

Conduct conversational UX design workflows: discover needs via guided questions, audit frontend codebases for UX/accessibility/SEO issues with scored reports and fix prompts, preview designs on a local server with named versions, and export specs or React/Svelte/Vue components.

Bootstrap Auth0 authentication by auto-detecting frameworks like React, Next.js, Vue, Angular, Express, or React Native; migrate user auth from Firebase, Cognito, Supabase, Clerk, or custom setups; enable MFA/2FA via TOTP, SMS, push, passkeys with step-up verification and adaptive risk-based auth for compliance.

Install all marketplace skills at once for a unified development assistant covering Elixir, Rust, Zig languages, Docker/Kubernetes sandboxing, GitHub Actions automation, Slidev presentations, testing, and Claude Code customization.

Manage the full lifecycle of applications on the Render cloud platform: deploy from Git or Docker, generate and validate Blueprint infrastructure, monitor real-time service health, debug failures, migrate from Heroku, and configure databases, private networking, custom domains, cron jobs, background workers, and static sites. Also includes MCP integration and git hooks for commit policy enforcement.

Automate code reviews, anti-pattern detection, refactoring to functional style, duplication consolidation, silent failure checks, linter autofixes, and documentation validation across JavaScript, TypeScript, Python, Rust, Go, Vue, React codebases using AST-grep structural matching and tools like ESLint, Ruff, Biome.

Bridge Figma designs to codebases via local MCP server: generate production-ready React, Vue, or HTML/CSS from frames and components with Code Connect; extract design tokens to CSS custom properties, TS/JS objects, Tailwind config, or Style Dictionary; sync design systems by inventorying gaps and updating mappings; analyze hierarchies, styling, layouts for implementation guidance.

Fetch current library documentation, API references, and code examples for any library (React, Next.js, Vue, Django, etc.) via the Context7 REST API directly from your editor.

Orchestrates the full SDLC for solo founders and small teams: an agentic CTO that decomposes features into architecture, code review, QA, and security tasks, enforces compliance audits across 50+ regulated domains, and gates each step with human sign-off — reducing engineering decisions to two per feature.

Generate production-ready Framer Motion animations for React UIs through interactive code generation for motion components, variants, gestures, layout transitions, springs, and scroll effects, plus expert orchestration of complex multi-element sequences optimized for 60fps performance.

Implement lightweight AOS scroll-triggered fade, slide, and zoom animations on marketing pages, landing pages, and content sites using HTML, CSS, JavaScript, React, or Vue. Generate AOS code and configs interactively via commands, and get specialist guidance on integrations, performance optimization, and troubleshooting.

Implement 2024-2025 modern web design trends like bold minimalism, glassmorphism, micro-interactions, and scrollytelling using CSS/HTML patterns, automated design audits via Python scripts, interactive pattern generation, and specialist guidance for React/Next.js/Vue/Svelte/Tailwind integrations with performance and accessibility focus.

Implement architecture patterns integrating Three.js, GSAP ScrollTrigger, React Three Fiber, Framer Motion, and React Spring for scroll-driven 3D animations, physics interactions, and performance in React apps. Generate/audit modern CSS designs via commands and consult specialist agents for cohesive experiences.

Set up Pinia v3 state management in Vue 3 applications using defineStore, getters, and actions with option or setup syntaxes. Enable Nuxt SSR compatibility, migrate from Vuex, resolve hydration issues, and configure testing workflows.

Fetch and manage async data in Vue/Nuxt apps using Pinia Colada's useQuery and useMutation composables. Handle query caching, SSR compatibility, invalidation, hydration fixes, and seamless migrations from TanStack Vue Query.

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.

Automate closed-loop frontend development in React, Vue, or Svelte: input tasks, get code implementation, dev server launch, Playwright-driven visual/functional testing for auth/accessibility/SEO/UX/security/performance, and iterative AI fixes until validated and production-ready.

Build complete Slidev presentations from init to export: generate outlines and markdown slides, automate add/delete/move/renumber with git, enhance with Mermaid/PlantUML/Excalidraw diagrams and visuals, add presenter notes, create LaTeX handouts with embedded images, preview/export to PDF/PPTX/PNG, and validate design/accessibility via checklists.

Orchestrate AI-driven development workflows that automate brainstorming, task routing (design-first for frontend/UI via sketch→plan→execute→verify; standard plans→execute→verify for others), bug fixing, Git ops (commits/PRs/changelogs), code reviews, refactoring, performance optimization, and context management using 12 agents and 21 commands.

Govern micro-frontend architecture by reviewing code against eight boundary rules, detecting violations, and generating remediations for Module Federation, Native Federation, and Single SPA

Delegate frontend development tasks to an AI agent that builds responsive UIs, dashboards, and components in React, Vue, Angular, or Svelte; fixes mobile responsiveness issues; manages state; ensures accessibility; and optimizes performance for large datasets.

Build pixel-perfect, native-looking mobile UIs for Capacitor apps on iOS and Android using Ionic Framework, Konsta UI, and Tailwind CSS. Handle safe areas for notches, Dynamic Island, cutouts, and home indicators with CSS, JS, and native solutions across React, Vue, Angular, and Svelte.