Vue skills for Claude Code

Give your agent expert Vue knowledge.

75 skills available

Official only

nuxt/ui

This skill helps you build polished Nuxt and Vue interfaces with 125+ accessible components and Tailwind theming for brand-specific UIs.

frontend-design

jwynia/agent-skills

This skill helps you design production-grade frontend interfaces by analyzing designs, generating tokens, palettes, typography, and framework-ready components.

refactoring-expert

cin12211/orca-q

This skill identifies code smells and guides safe, incremental refactoring to improve structure while preserving behavior.

vue

williamzujkowski/standards

This skill helps you master Vue 3 Composition API versus Options API to build scalable, maintainable frontends faster.

vue3-best-practices

long36708/longmo-skills

This skill helps you adopt modular, type-safe Vue 3 practices with composition API, Pinia, and performance tips for scalable apps.

dagre-graph

dennisadriaans/vue-chrts

378

This skill helps you create clear hierarchical diagrams with DagreGraph, enabling efficient org charts, dependency trees, and flowcharts.

uniapp

uni-helper/skills

This skill helps you develop cross-platform uni-app apps by applying official guidance across platforms, components, and lifecycle with best-practice patterns.

vue-dev

wireless25/agentic-coding

This skill helps you generate modern Vue TypeScript components using Composition API, VueUse, Tailwind, accessibility, performance patterns, and Vitest testing.

vite-lib-vue-pnpm-starter-skill

lizychy0329/starter-skills

This skill bootstraps a minimal Vite Vue 3 library starter with pnpm workspace and TypeScript support, generating all files directly.

vexor-cli

scarletkc/vexor

195

This skill helps you locate implementation and loading points across large codebases by using vexor to perform intent-based file discovery.

vue-component-generator

ehtbanton/claudeskillsrepo

This skill generates complete Vue 3 components using Composition API and TypeScript with props, emits, and scoped styles.

ui-ux-pro-max

apconw/aix-db

2.0k

This skill helps you design and implement polished frontend UI/UX for pages, dashboards, and apps with best-practice guidelines.

vue-best-practices

serkodev/vue-skills

This skill helps you apply Vue.js best practices across projects, guiding composition API usage, SFC structure, and data flow for maintainable apps.

classname-refactor

forge-town/skills

This skill automates scanning and refactoring React/Vue files to replace className template strings with cn calls, including import handling and detailed

vuejs

bankkroll/skills-builder

This skill helps you answer Vue.js questions clearly by applying best practices, built-ins, and component concepts from official guidance.

data-client-setup

reactive/data-client

2.0k

This skill installs and configures the appropriate data-client package for your project type and protocol, then delegates to protocol-specific setup.

velt-setup-best-practices

velt-js/agent-skills

This skill guides you through initial Velt SDK setup in React, Next.js, Angular, Vue, or HTML projects, wiring provider, authentication, and document

mapbox-web-integration-patterns

mapbox/mapbox-agent-skills

This skill provides official Mapbox GL JS integration patterns across frameworks, guiding secure token handling, lifecycle, and cleanup for production apps.

frontend-dev

ladderchaos/tora-skills

This skill helps you craft production-grade frontend interfaces with bold, memorable aesthetics across components, dashboards, and pages.

frontend_inferencer

transilienceai/communitytools

This skill infers frontend technologies by analyzing signals from JavaScript, HTML, and CSS to identify frameworks and UI patterns.

vue-component-architect

wesleysmits/agent-skills

This skill scaffolds Vue components using the Composition API, CSS modules, Vitest tests, and Storybook stories to accelerate UI development.

vue-debug-guides

vuejs-ai/skills

1.6k

This skill helps you diagnose and fix Vue 3 runtime errors, warnings, and hydration issues with actionable debugging guidance.

clawatar

openclaw/skills

1.2k

This skill lets your AI agent render a 3D VRM avatar with lip sync, expressions, and WebSocket control for interactive VTuber-style conversations.

uniapp-frontend-skills

enze00/uniapp-frontend-skills

This skill helps you scaffold uni-app projects with Vue 3 + TypeScript, configure themes, and integrate UI libraries across platforms.

vibe-dev-assistant

neverlbc/-medical-health-system

This skill provides end-to-end AI-assisted software development workflows for planning, structuring, coding, architecture decisions, and documentation.

vue-composition-api

oro-ad/nuxt-claude-devtools

This skill helps you implement Vue 3 Composition API patterns in components using script setup, refs, reactive, and computed for robust state management.

nuxt-ui

fawzymohamed/devops

This skill helps you build consistent Nuxt UI v4 components, layouts, and interactions with buttons, cards, forms, and skeleton states.

hula-skill

hulaspark/hula

6.6k

This skill enables consistent frontend, backend, fullstack, and build-release changes for HuLa by applying repo conventions and templates.

vue3-frontend

eva813/vue3-skills

Comprehensive Vue 3 frontend development skill. Use when developing Vue 3 applications, components, or composables. Covers: (1) Creating new Vue 3 projects and components, (2) Vue 2 to Vue 3 migration, (3) Code review and optimization, (4) Composition API implementation, (5) Best practices and common patterns, (6) TypeScript integration, (7) State management with Pinia, (8) Performance optimization. Includes component templates, composable examples, migration guides, and best practices documentation.

churchtools-api

bwl21/bwl-flyer-generator

Apply when making API calls to ChurchTools, using churchtoolsClient methods, handling API responses, or working with Tags API. Covers correct HTTP method names, parameter structure, and response handling patterns.

data-loader-vue3

lchrennew/data-loader-vue3

Invoke this skill when the user mentions "/use loader", "DataLoader", "data loading", "async data", "loading state", or "error handling" in Vue components. It provides the standard implementation guidelines for the DataLoader component.

tiny-vue-skill

opentiny/agent-skills

This skill helps you generate and implement TinyVue components with strict API constraints, docs, and examples for rapid, compliant development.

thesportsdb-api

zatkniz/sporty-group

Access TheSportsDB API for sports data including teams, players, leagues, schedules, livescores, and events. Use when users need sports-related information.

artisan

simota/agent-skills

This skill converts prototypes into production-ready, accessible, type-safe frontend components with strict TS, a11y, and server-first patterns.

typescript-docs

giuseppe-trisciuoglio/developer-kit

This skill generates production-ready TypeScript documentation with API references, ADRs, and runnable examples for frameworks like NestJS, React, and Angular.

vue2-best-practices

long36708/longmo-skills

This skill guides maintaining Vue 2 projects with standardized Options API, safer mixins, and prepared migration steps to Vue 3, improving stability.

Page 1 of 3

Nuxt Frontend Tailwind CSS TypeScript