hyf0 avatar

Vue Development Guides

A solid checklist skill for Vue development that keeps you aligned with framework best practices. It covers the usual suspects: reactivity patterns, component design, SFC conventions, and data flow. Worth adding if you're working on Vue projects and want Claude to nudge you toward idiomatic code rather than just functional code. The skill comes from the vuejs-ai community fork (hyf0's version), has decent adoption at 499 installs, and passed most security audits except Gen Agent Trust Hub. Think of it as guardrails for Vue work, especially helpful if you're rusty or collaborating with a team that cares about consistency.

skills.sh installs
501
GitHub stars
2.7K
last updated
Jul 14, 2026

Install

$ npx -y skills add hyf0/vue-skills --skill vue-development-guides --agent claude-code

Installs into .claude/skills of the current project.

Files

A solid checklist skill for Vue development that keeps you aligned with framework best practices. It covers the usual suspects: reactivity patterns, component design, SFC conventions, and data flow. Worth adding if you're working on Vue projects and want Claude to nudge you toward idiomatic code rather than just functional code. The skill comes from the vuejs-ai community fork (hyf0's version), has decent adoption at 499 installs, and passed most security audits except Gen Agent Trust Hub. Think of it as guardrails for Vue work, especially helpful if you're rusty or collaborating with a team that cares about consistency.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/hyf0/vue-skills
Category
Frontend Development
First seen
Jun 3, 2026

More from hyf0/vue-skills

All 11
1sickn33 avatarnextjs-app-router-patternssickn33/antigravity-awesome-skillsnextjs app router patterns501skills.sh installs
2secondsky avatarfrontend-designsecondsky/claude-skillsCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat479skills.sh installs
3manutej avatarangular-developmentmanutej/luxor-claude-marketplaceComprehensive Angular framework development covering components, directives, services, dependency injection, routing, and reactive programming based on official463skills.sh installs
4manutej avatarsvelte-developmentmanutej/luxor-claude-marketplaceComprehensive Svelte development skill covering reactivity runes, components, stores, lifecycle, transitions, and modern Svelte 5 patterns436skills.sh installs
5secondsky avatarnuxt-productionsecondsky/claude-skills| Nuxt 4 production optimization: hydration, performance, testing with Vitest, deployment to Cloudflare/Vercel/Netlify, and v4 migration. Use when: debugging hy425skills.sh installs
6ihlamury avatardribbble-ui-skillsihlamury/design-skillsDribbble's UI design system. Use when building interfaces inspired by Dribbble's aesthetic - light mode, Inter font, 4px grid.413skills.sh installs