---
title: "hyf0 skills · skilld"
canonical_url: "https://skilld.dev/gh/hyf0"
last_updated: "2026-05-09T00:55:19.371Z"
meta:
  description: "8 agent skills curated by hyf0 on skilld. Vue, TypeScript, reactivity."
  "og:description": "8 agent skills curated by hyf0."
  "og:title": "hyf0 on skilld"
---

`

![Avatar for hyf0](https://github.com/hyf0.png)

# **hyf0**

[@hyf0](https://github.com/hyf0)person

8 skills 2.8k Synced 3 months ago

Mostly·Vue, TypeScript, reactivity

[GitHub](https://github.com/hyf0)

## Skills

### [hyf0/vue-skills](https://skilld.dev/gh/hyf0/vue-skills)

Agent skills for Vue 3 development

8 skills 2.8k

`npx -y skilld add gh:hyf0/vue-skills`

- [

  **/create-adaptable-composable**2.8k

  Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables. /create-adaptable-composable by hyf0](https://skilld.dev/gh/hyf0/vue-skills/create-adaptable-composable)
- [

  **/vue-best-practices**2.8k

  MUST be used for Vue.js tasks. Strongly recommends Composition API with \`\<script setup>\` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API. /vue-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-best-practices)
- [

  **/vue-debug-guides**2.8k

  Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues. /vue-debug-guides by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-debug-guides)
- [

  **/vue-jsx-best-practices**2.8k

  JSX syntax in Vue (e.g., class vs className, JSX plugin config). /vue-jsx-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-jsx-best-practices)
- [

  **/vue-options-api-best-practices**2.8k

  Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only. /vue-options-api-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-options-api-best-practices)
- [

  **/vue-pinia-best-practices**2.8k

  Pinia stores, state management patterns, store setup, and reactivity with stores. /vue-pinia-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-pinia-best-practices)
- [

  **/vue-router-best-practices**2.8k

  Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions. /vue-router-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-router-best-practices)
- [

  **/vue-testing-best-practices**2.8k

  Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing. /vue-testing-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-testing-best-practices)

Curated skills from @hyf0. Synced just now