Vue and Svelte skills

627 tagged Vue and Svelte, measured the same way as everything else here.

Browse within: skills 59svelte 43sveltekit 38ai-tools 31vue 27ai-coding 24ai-skills 23antigravity 23agentic-ai 22ui 21cli 20agent 19nuxt 17claude-code-plugin 16

element-plus-skills

26

jiaiyan/element-plus-skills

Skill Claude CodeCodex

Element Plus Skills Library - A comprehensive skill library for AI agents to understand and utilize Element Plus UI components. Invoke when user needs to work with Element Plus components, theming, i18n, dark mode, or design specifications.

not rated 25 6mo ago A 51 tokens original MIT

naive-ui

27

Sepush/naive-ui-skills

Skill Claude CodeCodex

Use when working with naive-ui components, or troubleshooting naive-ui usage issues.

not rated 25 6mo ago A Socket: passSnyk: pass 19 tokens original MIT

design-to-code

28

ursazoo/lanhu-to-code

Skill Claude CodeCodex

Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.

not rated 22 4mo ago A 42 tokens

setup-svelte-vitals

29

oekazuma/svelte-vitals

Skill Claude CodeCodex

Set up svelte-vitals in a SvelteKit project: inspect what the project already uses, derive a svelte-vitals.config from its markuplint / eslint-plugin-check-file config and its actual directory conventions, measure each candidate rule before adopting it, and hand the remaining targets to svelte-vitals install. Use when…

not rated 20 today A SkillSpector: warn 109 tokens original MIT

feature

30

pierreb-devkit/Vue

Skill Claude Code

Use this whenever the user asks to "implement", "add", "build", "create", or "modify" a feature, page, view, component, or module in this Vue project. Three phases: Phase 0 scope analysis (flows + edge cases + UI needs + plan validation, STOP for user), Phase 1 implementation (layered UI → Store → API, Vue 3…

not rated 20 yesterday A 123 tokens

vite-mcp-next

31

xiaou66/vite-plugin-vue-mcp-next

Skill Claude CodeCodex

Use when debugging Vite + Vue local pages with vite-plugin-vue-mcp-next MCP, including DOM, screenshots, console logs, network requests, Vue components, router, or Pinia state.

not rated 19 3mo ago A 45 tokens original MIT

shadcn-vue

32

noartem/skills

Skill Claude CodeCodex

A framework for building ui, components and design systems. Components are added as source code to the user's project via the CLI.

not rated 13 +1 16d ago A Socket: passSnyk: warn 51 tokens

AXIOTN/frontend-page-generator

Skill Claude CodeCodex

A front-end page generation skill for building web pages and applications with React, Vue 3, Next.js, Nuxt.js, or simpler HTML-based tools. It covers visual design, API connections, forms, animations, and icons.

not rated 12 3mo ago A 71 tokens original MIT

mutolee/other-redis-desktop-manager

Skill Claude CodeCodex

A development guide for Vue 3, Element Plus, and Electron desktop applications. It explains where interface code, operating-system code, and the secure bridge between them should live, and how to structure and verify changes.

not rated 11 1mo ago A 110 tokens original Apache-2.0

vue

35

ls1072502993/codex-skills

Skill Codex

A Vue 3 and TypeScript development skill for working on pages, components, routes, state, events, and styles. Vue is a framework for building web interfaces, and TypeScript adds type checking to JavaScript.

not rated 10 1mo ago A 174 tokens

antdv-next

36

antdv-next/skills

Skill Claude CodeCodex

Antdv Next Vue 3 component library. Use when locating component API docs, props/events/slots, playground demos, or theme token definitions.

not rated 10 2mo ago A Socket: passSnyk: pass 33 tokens original MIT

samhvw8/dot-claude

Skill Claude CodeCodex

Multi-framework frontend development. Frameworks: React 18+ (Suspense, hooks, TanStack), Vue 3 (Composition API, Pinia, Nuxt), Svelte 5 (Runes, SvelteKit), Angular (Signals, standalone). Common: TypeScript, state management, routing, data fetching, performance optimization, component patterns. Actions: create, build…

not rated 10 9mo ago A 186 tokens

tdesign-vue-next

38

yunfeizhu/TDesign-Vue-Next-Skill

Skill Claude CodeCodex

TDesign Vue 3 component library usage guide, covering tdesign-vue-next 1.x series, including basic components, forms, tables, theme customization, dark mode, and AI Chat components.

not rated 10 7mo ago A 45 tokens original MIT

dryui-init

39

rob-balfre/dryui

Skill Claude CodeCodex

Bootstrap a SvelteKit + DryUI project using skill-led inspection and explicit file/package edits. Works for new projects, existing SvelteKit apps, and brownfield repos.

not rated 9 3mo ago A 39 tokens original MIT

vue-best-practices

40

FrontToEnd/agent-skills

Skill Claude CodeCodex

Vue 3 and Nuxt performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Vue 3/Nuxt code to ensure optimal performance patterns. Triggers on tasks involving Vue components, Nuxt pages, data fetching, bundle optimization, or performance improvements.

not rated 9 7mo ago A 64 tokens original MIT

uview-pro

41

uview-pro/skills

Skill Claude CodeCodex

A component guide for uView Pro, a UI library for uni-app applications. uni-app is a Vue-based framework for building apps for mobile, web, and several mini-program platforms.

not rated 9 18d ago A Socket: passSnyk: passSkillSpector: pass 53 tokens original MIT

zx06/xsql

Skill Claude CodeCodex

Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/edit or analyze a Svelte component or module. Covers reactivity, event handling, styling, integration with libraries and more.

not rated 7 11d ago A 59 tokens copy · 95% MIT

vuetify4

43

dmitrypost/VuetifySkills

Skill Claude Code

Vuetify 4 documentation corpus (release 4.0.5). Use for Vuetify 4-only component, API, directive, and composable questions; prefer API pages for contracts and guide pages for usage examples.

not rated 5 3mo ago A 52 tokens original MIT

Kage0x3B/svelte-advanced-datatable

Skill Claude CodeCodex

Scaffold or modify a Svelte 5 DataTable using the svelte-advanced-datatable package — DataTableConfig, column types (ComponentType.STRING/NUMBER/BOOLEAN/DATE/ENUM/CUSTOM), sort, pagination, sticky-header, density, snippet slots, daisyUI rendering. Use when adding a new table, defining columns, or tuning baseline…

not rated 5 2mo ago A 133 tokens original MIT

vue-vben-admin

46

zrlONE/vue-vben-admin-skill

Skill Claude CodeCodex needs its repo

Vue Vben Admin - Modern Vue 3 Admin Framework with Monorepo Architecture.

not rated 5 6mo ago A 21 tokens original MIT

page-codegen

47

ChenyCHENYU/wl-skills-kit

Skill Claude CodeCodex

Use when: generating complete Vue 3 page code (index.vue + data.ts + modal components + api.md + pages.ts registration) from a prototype page inventory and API contract, strictly following the cx-ui-produce project conventions. Read SKILL.md first (rules+constraints), then read the matching TPL-.md for the template…

not rated 5 changed 3d ago A 149 tokens

alova-client-usage

48

alovajs/skills

Skill Claude CodeCodex

Usage for alova v3 in browser/client-side/SSR applications (React, Nextjs, Vue3, Vue2, Nuxt, React-Native, Expo, Uniapp, Taro, Svelte, Svelitekit, Solid). Use this skill whenever the user asks about request an api, fetch data, alova client-side usage including setup, refetch data cross component, or any alova/client…

not rated 5 2mo ago A 135 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: